https://wiki.xiph.org/api.php?action=feedcontributions&user=Bod&feedformat=atomXiphWiki - User contributions [en]2024-03-28T21:21:11ZUser contributionsMediaWiki 1.40.1https://wiki.xiph.org/index.php?title=HTML5&diff=10409HTML52009-07-08T12:02:28Z<p>Bod: /* = video4all */ too many =</p>
<hr />
<div>The HTML5 specification includes support for &lt;video&gt; and &lt;audio&gt;.<br />
This page outlines use of HTML5 syntax with Xiph.Org codecs, particularly Ogg [[Theora]] and Ogg [[Vorbis]]. It is also a place to collect ideas for [http://ogg.org/ ogg.org].<br />
<br />
See also the [http://en.flossmanuals.net/theoracookbook Theora Cookbook] for a guide to streaming and working with Ogg Theora.<br />
<br />
== Browser Support ==<br />
<br />
Our list of [[TheoraSoftwarePlayers]] lists many general-purpose media players that support Ogg Theora.<br />
<br />
These web browsers support HTML5 with Ogg video:<br />
<br />
=== Mozilla Firefox ===<br />
<br />
[http://www.mozilla.com/en-US/firefox/firefox.html Firefox 3.5]<br />
includes "support for the HTML5 <video> and <audio> elements including native support for Ogg Theora encoded video and Vorbis encoded audio." See [https://developer.mozilla.org/en/Using_audio_and_video_in_Firefox Using audio and video in Firefox] at the Mozilla Developer Center for more info.<br />
<br />
=== Opera ===<br />
<br />
In [http://dev.opera.com/articles/view/a-call-for-video-on-the-web-opera-vid/ A call for video on the web - Opera <video> release on Labs], Opera announce that they "have created an experimental build of our browser for Windows, Mac and Linux with ... support for the <video> element/Ogg Theora built in".<br />
<br />
The article contains links to experimental builds of Opera 9.52, and provides some simple examples of HTML5 <video> markup.<br />
<br />
=== Google Chrome ===<br />
<br />
Unstable builds are available from the<br />
[http://dev.chromium.org/getting-involved/dev-channel dev-channel].<br />
The first version supporting Ogg Theora was chrome 3.0.182.2.<br />
<br />
=== Apple Safari ===<br />
<br />
Install [[XiphQT]]<br />
<br />
=== Microsoft Internet Explorer ===<br />
<br />
=== Plugins ===<br />
<br />
[http://itheora.org/?p=screens Compatibility]<br />
<br />
== Web Video sites ==<br />
<br />
For more examples of Ogg Theora video, see<br />
[[List of Theora videos]].<br />
<br />
The following web sites support HTML5 with Ogg Theora.<br />
<br />
=== Community upload sites ===<br />
<br />
These sites allow anyone to upload video, and provide transcoding<br />
to Ogg:<br />
<br />
* [http://www.dailymotion.com DailyMotion]. See also DailyMotion's [http://www.dailymotion.com/openvideodemo Open Video Demo] (restricted to Firefox 3.5)<br />
* Chris Double's [http://tinyvid.tv Tinyvid] (transcoding via Firefogg)<br />
<br />
=== Archival and Reference ===<br />
<br />
Sites that curate video for general archival and reference purposes,<br />
and allow anyone to upload relevant material:<br />
<br />
* [http://www.archive.org/details/movies Archive.org’s videos]<br />
* [http://commons.wikimedia.org/wiki/Category:Videos_by_format Wikipedia’s videos]<br />
<br />
=== Projects ===<br />
<br />
* [http://metavid.org metavid]: The Open Video archive of the US Congress<br />
* [http://pad.ma pad.ma]: Public Access Digital Media Archive is an online archive of densely text-annotated video material, primarily footage and not finished films.<br />
<br />
=== Conferences ===<br />
<br />
* [http://mirror.linux.org.au/linux.conf.au/ linux.conf.au]<br />
* DebConf: on the individual conference pages, e.g. [http://wiki.debconf.org/wiki/DebConf8/Streams]<br />
* The [http://www.foms-workshop.org/foms2009/pmwiki.php/Main/Proceedings FOMS workshop videos]: proceedings from a workshop on free and open multimedia software.<br />
<br />
== Technology for setting up your own site ==<br />
<br />
=== HTML5 &lt;video&gt; embedding ===<br />
<br />
There are various ways to provide HTML5 video content with fallbacks for older browsers and non-free codecs.<br />
<br />
You can include one of the scripts below, or modify source from an existing page such as the HTML of<br />
[http://www.celt-codec.org/presentations/ CELT presentations].<br />
<br />
==== mv_embed ====<br />
<br />
[http://metavid.org/w/index.php/Mv_embed Mv_embed] is "a javascript library for easy embedding of ogg theora/vorbis media with the html5 tag. Once the script is included you can include an inline ogg theora clip with:<br />
<br />
<video src="mymovie.ogg"><br />
<br />
"Mv_embed will then rewrite the video tag to whatever playback method is available on the client be it native support, java cortado, mplayer or vlc".<br />
<br />
* [http://www.firefogg.org/make/mwEmbed/example_usage/Player_Simple_Video_Tag.html Demo and sample HTML].<br />
<br />
See also [http://www.mediawiki.org/wiki/Media_Projects_Overview#MwEmbed mv_embed on MediaWiki].<br />
<br />
==== iTheora ====<br />
<br />
[http://itheora.org/ iTheora]<br />
<br />
Example sites using iTheora:<br />
* [http://theorasea.org]<br />
<br />
<br />
==== video4all ====<br />
<br />
[http://code.google.com/p/video4all/ video4all at Google Code]<br />
<br />
Uses browser specific technology (.htc, .xbl, or plain .js) to rewrite video tags to fall back to H.264 in Flash for legacy browsers, while providing H.264 natively to Safari and Theora for Mozilla. Roughly speaking a script version of Kroc Camen's pure HTML Video For Everybody solution. Doesn't (currently) use any Theora based fallbacks.<br />
<br />
==== Video for Everybody ====<br />
<br />
[http://camendesign.com/code/video_for_everybody Video for Everybody] is<br />
"a chunk of HTML code that embeds a video into a website<br />
using the HTML5 <video> element."<br />
<br />
:*Comment: We really shouldn't be plugging a solution which eschews cortado as a fall back in favor of FLV. A pure HTML triple check video/java/youtube would be better, but no pure HTML solution perform a canplaytype so it will break for safari users without xiphqt. Is "possible to add raw HTML but no JS" a common enough situation that a JS free solution is really needed? --[[User:Gmaxwell|Gmaxwell]] 22:58, 30 June 2009 (PDT)<br />
<br />
:*Comment: It's clear that this solution makes a few compromises in order to be JS-free. The code is both fragile and frightening for reasons that make sense with regard to the original author's goals but aren't relevant if e.g. promoting Theora adoption takes precedence over a distaste for Java and/or Javascript. --[[User:Bod|Bod]] 06:03, 6 July 2009 (PDT)<br />
<br />
=== HTML5 &lt;audio&gt; embedding ===<br />
<br />
There are various ways to provide HTML5 audio content in Vorbis and there are Java and Flash fallbacks for older browsers (and non-free codecs though this is even less necessary than it is in the case of Theora video).<br />
<br />
==== Vorbis via Flash 10 ====<br />
<br />
[http://barelyfocused.net/blog/2008/10/03/flash-vorbis-player/ fogg (aka FVorbis)], [[Jorbis]] code automatically ported to Haxe and then compiled to AS3<br />
<br />
[http://labs.adobe.com/wiki/index.php/Alchemy:Libraries Alchemy Vorbis], Adobe's Alchemy allows compiling C and C++ plus to AS3. Vorbis is one of the demo libraries they ported.<br />
<br />
[http://flash.j-ogg.de/10/ flash.j-ogg], haxe and actionscript3 translation of j-ogg<br />
<br />
==== Vorbis via Java ====<br />
<br />
[http://www.jcraft.com/jorbis/ JorbisPlayer]<br />
<br />
[http://www.j-ogg.de/core/main?/index-vorbis.html J-Ogg]<br />
<br />
==== Vorbis via Javascript and &lt;audio&gt; tag ====<br />
<br />
[http://alpha.libre.fm/listen/?tag=rock web radio interface]<br />
<br />
<br />
=== Encoding, transcoding ===<br />
<br />
==== Firefogg ====<br />
<br />
[http://firefogg.org/ Firefogg] provides "video encoding and uploading for Firefox". This includes a Firefox extension that allows users to encode video to Ogg Theora on their own computer while uploading it to your site. This simplifies the upload for users as they can simply choose from their existing video files, and simplifies your web site by allowing you to deal with only one video format, and offloading the CPU cycles required for encoding to the user.<br />
<br />
=== Content management ===<br />
<br />
* The [http://www.mediawiki.org/wiki/Extension:OggHandler OggHandler extension] for MediaWiki provides video and audio support with automatic fallback and thumbnailing. <br />
* [http://metavid.org/wiki/MetaVidWiki_Software MetaVidWiki]<br />
<br />
=== Backend servers ===<br />
<br />
* [http://www.xiph.org/oggz/ oggz-chop] allows you to serve time ranges of Ogg media over HTTP by any web server that supports CGI. Examples of such time range requests are http://www.example.com/video.ogv?t=200/600 which serves the segment of video.ogv from 200s-600s. This allows users to instantly jump to any point in a video, and you can put links in your web application to play arbitrary scenes.</div>Bodhttps://wiki.xiph.org/index.php?title=HTML5&diff=10408HTML52009-07-08T12:01:53Z<p>Bod: /* Vorbis via Java */ formatting</p>
<hr />
<div>The HTML5 specification includes support for &lt;video&gt; and &lt;audio&gt;.<br />
This page outlines use of HTML5 syntax with Xiph.Org codecs, particularly Ogg [[Theora]] and Ogg [[Vorbis]]. It is also a place to collect ideas for [http://ogg.org/ ogg.org].<br />
<br />
See also the [http://en.flossmanuals.net/theoracookbook Theora Cookbook] for a guide to streaming and working with Ogg Theora.<br />
<br />
== Browser Support ==<br />
<br />
Our list of [[TheoraSoftwarePlayers]] lists many general-purpose media players that support Ogg Theora.<br />
<br />
These web browsers support HTML5 with Ogg video:<br />
<br />
=== Mozilla Firefox ===<br />
<br />
[http://www.mozilla.com/en-US/firefox/firefox.html Firefox 3.5]<br />
includes "support for the HTML5 <video> and <audio> elements including native support for Ogg Theora encoded video and Vorbis encoded audio." See [https://developer.mozilla.org/en/Using_audio_and_video_in_Firefox Using audio and video in Firefox] at the Mozilla Developer Center for more info.<br />
<br />
=== Opera ===<br />
<br />
In [http://dev.opera.com/articles/view/a-call-for-video-on-the-web-opera-vid/ A call for video on the web - Opera <video> release on Labs], Opera announce that they "have created an experimental build of our browser for Windows, Mac and Linux with ... support for the <video> element/Ogg Theora built in".<br />
<br />
The article contains links to experimental builds of Opera 9.52, and provides some simple examples of HTML5 <video> markup.<br />
<br />
=== Google Chrome ===<br />
<br />
Unstable builds are available from the<br />
[http://dev.chromium.org/getting-involved/dev-channel dev-channel].<br />
The first version supporting Ogg Theora was chrome 3.0.182.2.<br />
<br />
=== Apple Safari ===<br />
<br />
Install [[XiphQT]]<br />
<br />
=== Microsoft Internet Explorer ===<br />
<br />
=== Plugins ===<br />
<br />
[http://itheora.org/?p=screens Compatibility]<br />
<br />
== Web Video sites ==<br />
<br />
For more examples of Ogg Theora video, see<br />
[[List of Theora videos]].<br />
<br />
The following web sites support HTML5 with Ogg Theora.<br />
<br />
=== Community upload sites ===<br />
<br />
These sites allow anyone to upload video, and provide transcoding<br />
to Ogg:<br />
<br />
* [http://www.dailymotion.com DailyMotion]. See also DailyMotion's [http://www.dailymotion.com/openvideodemo Open Video Demo] (restricted to Firefox 3.5)<br />
* Chris Double's [http://tinyvid.tv Tinyvid] (transcoding via Firefogg)<br />
<br />
=== Archival and Reference ===<br />
<br />
Sites that curate video for general archival and reference purposes,<br />
and allow anyone to upload relevant material:<br />
<br />
* [http://www.archive.org/details/movies Archive.org’s videos]<br />
* [http://commons.wikimedia.org/wiki/Category:Videos_by_format Wikipedia’s videos]<br />
<br />
=== Projects ===<br />
<br />
* [http://metavid.org metavid]: The Open Video archive of the US Congress<br />
* [http://pad.ma pad.ma]: Public Access Digital Media Archive is an online archive of densely text-annotated video material, primarily footage and not finished films.<br />
<br />
=== Conferences ===<br />
<br />
* [http://mirror.linux.org.au/linux.conf.au/ linux.conf.au]<br />
* DebConf: on the individual conference pages, e.g. [http://wiki.debconf.org/wiki/DebConf8/Streams]<br />
* The [http://www.foms-workshop.org/foms2009/pmwiki.php/Main/Proceedings FOMS workshop videos]: proceedings from a workshop on free and open multimedia software.<br />
<br />
== Technology for setting up your own site ==<br />
<br />
=== HTML5 &lt;video&gt; embedding ===<br />
<br />
There are various ways to provide HTML5 video content with fallbacks for older browsers and non-free codecs.<br />
<br />
You can include one of the scripts below, or modify source from an existing page such as the HTML of<br />
[http://www.celt-codec.org/presentations/ CELT presentations].<br />
<br />
==== mv_embed ====<br />
<br />
[http://metavid.org/w/index.php/Mv_embed Mv_embed] is "a javascript library for easy embedding of ogg theora/vorbis media with the html5 tag. Once the script is included you can include an inline ogg theora clip with:<br />
<br />
<video src="mymovie.ogg"><br />
<br />
"Mv_embed will then rewrite the video tag to whatever playback method is available on the client be it native support, java cortado, mplayer or vlc".<br />
<br />
* [http://www.firefogg.org/make/mwEmbed/example_usage/Player_Simple_Video_Tag.html Demo and sample HTML].<br />
<br />
See also [http://www.mediawiki.org/wiki/Media_Projects_Overview#MwEmbed mv_embed on MediaWiki].<br />
<br />
==== iTheora ====<br />
<br />
[http://itheora.org/ iTheora]<br />
<br />
Example sites using iTheora:<br />
* [http://theorasea.org]<br />
<br />
<br />
===== video4all ====<br />
<br />
[http://code.google.com/p/video4all/ video4all at Google Code]<br />
<br />
Uses browser specific technology (.htc, .xbl, or plain .js) to rewrite video tags to fall back to H.264 in Flash for legacy browsers, while providing H.264 natively to Safari and Theora for Mozilla. Roughly speaking a script version of Kroc Camen's pure HTML Video For Everybody solution. Doesn't (currently) use any Theora based fallbacks.<br />
<br />
==== Video for Everybody ====<br />
<br />
[http://camendesign.com/code/video_for_everybody Video for Everybody] is<br />
"a chunk of HTML code that embeds a video into a website<br />
using the HTML5 <video> element."<br />
<br />
:*Comment: We really shouldn't be plugging a solution which eschews cortado as a fall back in favor of FLV. A pure HTML triple check video/java/youtube would be better, but no pure HTML solution perform a canplaytype so it will break for safari users without xiphqt. Is "possible to add raw HTML but no JS" a common enough situation that a JS free solution is really needed? --[[User:Gmaxwell|Gmaxwell]] 22:58, 30 June 2009 (PDT)<br />
<br />
:*Comment: It's clear that this solution makes a few compromises in order to be JS-free. The code is both fragile and frightening for reasons that make sense with regard to the original author's goals but aren't relevant if e.g. promoting Theora adoption takes precedence over a distaste for Java and/or Javascript. --[[User:Bod|Bod]] 06:03, 6 July 2009 (PDT)<br />
<br />
=== HTML5 &lt;audio&gt; embedding ===<br />
<br />
There are various ways to provide HTML5 audio content in Vorbis and there are Java and Flash fallbacks for older browsers (and non-free codecs though this is even less necessary than it is in the case of Theora video).<br />
<br />
==== Vorbis via Flash 10 ====<br />
<br />
[http://barelyfocused.net/blog/2008/10/03/flash-vorbis-player/ fogg (aka FVorbis)], [[Jorbis]] code automatically ported to Haxe and then compiled to AS3<br />
<br />
[http://labs.adobe.com/wiki/index.php/Alchemy:Libraries Alchemy Vorbis], Adobe's Alchemy allows compiling C and C++ plus to AS3. Vorbis is one of the demo libraries they ported.<br />
<br />
[http://flash.j-ogg.de/10/ flash.j-ogg], haxe and actionscript3 translation of j-ogg<br />
<br />
==== Vorbis via Java ====<br />
<br />
[http://www.jcraft.com/jorbis/ JorbisPlayer]<br />
<br />
[http://www.j-ogg.de/core/main?/index-vorbis.html J-Ogg]<br />
<br />
==== Vorbis via Javascript and &lt;audio&gt; tag ====<br />
<br />
[http://alpha.libre.fm/listen/?tag=rock web radio interface]<br />
<br />
<br />
=== Encoding, transcoding ===<br />
<br />
==== Firefogg ====<br />
<br />
[http://firefogg.org/ Firefogg] provides "video encoding and uploading for Firefox". This includes a Firefox extension that allows users to encode video to Ogg Theora on their own computer while uploading it to your site. This simplifies the upload for users as they can simply choose from their existing video files, and simplifies your web site by allowing you to deal with only one video format, and offloading the CPU cycles required for encoding to the user.<br />
<br />
=== Content management ===<br />
<br />
* The [http://www.mediawiki.org/wiki/Extension:OggHandler OggHandler extension] for MediaWiki provides video and audio support with automatic fallback and thumbnailing. <br />
* [http://metavid.org/wiki/MetaVidWiki_Software MetaVidWiki]<br />
<br />
=== Backend servers ===<br />
<br />
* [http://www.xiph.org/oggz/ oggz-chop] allows you to serve time ranges of Ogg media over HTTP by any web server that supports CGI. Examples of such time range requests are http://www.example.com/video.ogv?t=200/600 which serves the segment of video.ogv from 200s-600s. This allows users to instantly jump to any point in a video, and you can put links in your web application to play arbitrary scenes.</div>Bodhttps://wiki.xiph.org/index.php?title=HTML5&diff=10407HTML52009-07-08T12:01:31Z<p>Bod: /* Vorbis via Flash 10 */ formatting</p>
<hr />
<div>The HTML5 specification includes support for &lt;video&gt; and &lt;audio&gt;.<br />
This page outlines use of HTML5 syntax with Xiph.Org codecs, particularly Ogg [[Theora]] and Ogg [[Vorbis]]. It is also a place to collect ideas for [http://ogg.org/ ogg.org].<br />
<br />
See also the [http://en.flossmanuals.net/theoracookbook Theora Cookbook] for a guide to streaming and working with Ogg Theora.<br />
<br />
== Browser Support ==<br />
<br />
Our list of [[TheoraSoftwarePlayers]] lists many general-purpose media players that support Ogg Theora.<br />
<br />
These web browsers support HTML5 with Ogg video:<br />
<br />
=== Mozilla Firefox ===<br />
<br />
[http://www.mozilla.com/en-US/firefox/firefox.html Firefox 3.5]<br />
includes "support for the HTML5 <video> and <audio> elements including native support for Ogg Theora encoded video and Vorbis encoded audio." See [https://developer.mozilla.org/en/Using_audio_and_video_in_Firefox Using audio and video in Firefox] at the Mozilla Developer Center for more info.<br />
<br />
=== Opera ===<br />
<br />
In [http://dev.opera.com/articles/view/a-call-for-video-on-the-web-opera-vid/ A call for video on the web - Opera <video> release on Labs], Opera announce that they "have created an experimental build of our browser for Windows, Mac and Linux with ... support for the <video> element/Ogg Theora built in".<br />
<br />
The article contains links to experimental builds of Opera 9.52, and provides some simple examples of HTML5 <video> markup.<br />
<br />
=== Google Chrome ===<br />
<br />
Unstable builds are available from the<br />
[http://dev.chromium.org/getting-involved/dev-channel dev-channel].<br />
The first version supporting Ogg Theora was chrome 3.0.182.2.<br />
<br />
=== Apple Safari ===<br />
<br />
Install [[XiphQT]]<br />
<br />
=== Microsoft Internet Explorer ===<br />
<br />
=== Plugins ===<br />
<br />
[http://itheora.org/?p=screens Compatibility]<br />
<br />
== Web Video sites ==<br />
<br />
For more examples of Ogg Theora video, see<br />
[[List of Theora videos]].<br />
<br />
The following web sites support HTML5 with Ogg Theora.<br />
<br />
=== Community upload sites ===<br />
<br />
These sites allow anyone to upload video, and provide transcoding<br />
to Ogg:<br />
<br />
* [http://www.dailymotion.com DailyMotion]. See also DailyMotion's [http://www.dailymotion.com/openvideodemo Open Video Demo] (restricted to Firefox 3.5)<br />
* Chris Double's [http://tinyvid.tv Tinyvid] (transcoding via Firefogg)<br />
<br />
=== Archival and Reference ===<br />
<br />
Sites that curate video for general archival and reference purposes,<br />
and allow anyone to upload relevant material:<br />
<br />
* [http://www.archive.org/details/movies Archive.org’s videos]<br />
* [http://commons.wikimedia.org/wiki/Category:Videos_by_format Wikipedia’s videos]<br />
<br />
=== Projects ===<br />
<br />
* [http://metavid.org metavid]: The Open Video archive of the US Congress<br />
* [http://pad.ma pad.ma]: Public Access Digital Media Archive is an online archive of densely text-annotated video material, primarily footage and not finished films.<br />
<br />
=== Conferences ===<br />
<br />
* [http://mirror.linux.org.au/linux.conf.au/ linux.conf.au]<br />
* DebConf: on the individual conference pages, e.g. [http://wiki.debconf.org/wiki/DebConf8/Streams]<br />
* The [http://www.foms-workshop.org/foms2009/pmwiki.php/Main/Proceedings FOMS workshop videos]: proceedings from a workshop on free and open multimedia software.<br />
<br />
== Technology for setting up your own site ==<br />
<br />
=== HTML5 &lt;video&gt; embedding ===<br />
<br />
There are various ways to provide HTML5 video content with fallbacks for older browsers and non-free codecs.<br />
<br />
You can include one of the scripts below, or modify source from an existing page such as the HTML of<br />
[http://www.celt-codec.org/presentations/ CELT presentations].<br />
<br />
==== mv_embed ====<br />
<br />
[http://metavid.org/w/index.php/Mv_embed Mv_embed] is "a javascript library for easy embedding of ogg theora/vorbis media with the html5 tag. Once the script is included you can include an inline ogg theora clip with:<br />
<br />
<video src="mymovie.ogg"><br />
<br />
"Mv_embed will then rewrite the video tag to whatever playback method is available on the client be it native support, java cortado, mplayer or vlc".<br />
<br />
* [http://www.firefogg.org/make/mwEmbed/example_usage/Player_Simple_Video_Tag.html Demo and sample HTML].<br />
<br />
See also [http://www.mediawiki.org/wiki/Media_Projects_Overview#MwEmbed mv_embed on MediaWiki].<br />
<br />
==== iTheora ====<br />
<br />
[http://itheora.org/ iTheora]<br />
<br />
Example sites using iTheora:<br />
* [http://theorasea.org]<br />
<br />
<br />
===== video4all ====<br />
<br />
[http://code.google.com/p/video4all/ video4all at Google Code]<br />
<br />
Uses browser specific technology (.htc, .xbl, or plain .js) to rewrite video tags to fall back to H.264 in Flash for legacy browsers, while providing H.264 natively to Safari and Theora for Mozilla. Roughly speaking a script version of Kroc Camen's pure HTML Video For Everybody solution. Doesn't (currently) use any Theora based fallbacks.<br />
<br />
==== Video for Everybody ====<br />
<br />
[http://camendesign.com/code/video_for_everybody Video for Everybody] is<br />
"a chunk of HTML code that embeds a video into a website<br />
using the HTML5 <video> element."<br />
<br />
:*Comment: We really shouldn't be plugging a solution which eschews cortado as a fall back in favor of FLV. A pure HTML triple check video/java/youtube would be better, but no pure HTML solution perform a canplaytype so it will break for safari users without xiphqt. Is "possible to add raw HTML but no JS" a common enough situation that a JS free solution is really needed? --[[User:Gmaxwell|Gmaxwell]] 22:58, 30 June 2009 (PDT)<br />
<br />
:*Comment: It's clear that this solution makes a few compromises in order to be JS-free. The code is both fragile and frightening for reasons that make sense with regard to the original author's goals but aren't relevant if e.g. promoting Theora adoption takes precedence over a distaste for Java and/or Javascript. --[[User:Bod|Bod]] 06:03, 6 July 2009 (PDT)<br />
<br />
=== HTML5 &lt;audio&gt; embedding ===<br />
<br />
There are various ways to provide HTML5 audio content in Vorbis and there are Java and Flash fallbacks for older browsers (and non-free codecs though this is even less necessary than it is in the case of Theora video).<br />
<br />
==== Vorbis via Flash 10 ====<br />
<br />
[http://barelyfocused.net/blog/2008/10/03/flash-vorbis-player/ fogg (aka FVorbis)], [[Jorbis]] code automatically ported to Haxe and then compiled to AS3<br />
<br />
[http://labs.adobe.com/wiki/index.php/Alchemy:Libraries Alchemy Vorbis], Adobe's Alchemy allows compiling C and C++ plus to AS3. Vorbis is one of the demo libraries they ported.<br />
<br />
[http://flash.j-ogg.de/10/ flash.j-ogg], haxe and actionscript3 translation of j-ogg<br />
<br />
==== Vorbis via Java ====<br />
<br />
[http://www.jcraft.com/jorbis/ JorbisPlayer]<br />
[http://www.j-ogg.de/core/main?/index-vorbis.html J-Ogg]<br />
<br />
==== Vorbis via Javascript and &lt;audio&gt; tag ====<br />
<br />
[http://alpha.libre.fm/listen/?tag=rock web radio interface]<br />
<br />
<br />
=== Encoding, transcoding ===<br />
<br />
==== Firefogg ====<br />
<br />
[http://firefogg.org/ Firefogg] provides "video encoding and uploading for Firefox". This includes a Firefox extension that allows users to encode video to Ogg Theora on their own computer while uploading it to your site. This simplifies the upload for users as they can simply choose from their existing video files, and simplifies your web site by allowing you to deal with only one video format, and offloading the CPU cycles required for encoding to the user.<br />
<br />
=== Content management ===<br />
<br />
* The [http://www.mediawiki.org/wiki/Extension:OggHandler OggHandler extension] for MediaWiki provides video and audio support with automatic fallback and thumbnailing. <br />
* [http://metavid.org/wiki/MetaVidWiki_Software MetaVidWiki]<br />
<br />
=== Backend servers ===<br />
<br />
* [http://www.xiph.org/oggz/ oggz-chop] allows you to serve time ranges of Ogg media over HTTP by any web server that supports CGI. Examples of such time range requests are http://www.example.com/video.ogv?t=200/600 which serves the segment of video.ogv from 200s-600s. This allows users to instantly jump to any point in a video, and you can put links in your web application to play arbitrary scenes.</div>Bodhttps://wiki.xiph.org/index.php?title=HTML5&diff=10406HTML52009-07-08T12:00:49Z<p>Bod: some HTML5 audio tag links</p>
<hr />
<div>The HTML5 specification includes support for &lt;video&gt; and &lt;audio&gt;.<br />
This page outlines use of HTML5 syntax with Xiph.Org codecs, particularly Ogg [[Theora]] and Ogg [[Vorbis]]. It is also a place to collect ideas for [http://ogg.org/ ogg.org].<br />
<br />
See also the [http://en.flossmanuals.net/theoracookbook Theora Cookbook] for a guide to streaming and working with Ogg Theora.<br />
<br />
== Browser Support ==<br />
<br />
Our list of [[TheoraSoftwarePlayers]] lists many general-purpose media players that support Ogg Theora.<br />
<br />
These web browsers support HTML5 with Ogg video:<br />
<br />
=== Mozilla Firefox ===<br />
<br />
[http://www.mozilla.com/en-US/firefox/firefox.html Firefox 3.5]<br />
includes "support for the HTML5 <video> and <audio> elements including native support for Ogg Theora encoded video and Vorbis encoded audio." See [https://developer.mozilla.org/en/Using_audio_and_video_in_Firefox Using audio and video in Firefox] at the Mozilla Developer Center for more info.<br />
<br />
=== Opera ===<br />
<br />
In [http://dev.opera.com/articles/view/a-call-for-video-on-the-web-opera-vid/ A call for video on the web - Opera <video> release on Labs], Opera announce that they "have created an experimental build of our browser for Windows, Mac and Linux with ... support for the <video> element/Ogg Theora built in".<br />
<br />
The article contains links to experimental builds of Opera 9.52, and provides some simple examples of HTML5 <video> markup.<br />
<br />
=== Google Chrome ===<br />
<br />
Unstable builds are available from the<br />
[http://dev.chromium.org/getting-involved/dev-channel dev-channel].<br />
The first version supporting Ogg Theora was chrome 3.0.182.2.<br />
<br />
=== Apple Safari ===<br />
<br />
Install [[XiphQT]]<br />
<br />
=== Microsoft Internet Explorer ===<br />
<br />
=== Plugins ===<br />
<br />
[http://itheora.org/?p=screens Compatibility]<br />
<br />
== Web Video sites ==<br />
<br />
For more examples of Ogg Theora video, see<br />
[[List of Theora videos]].<br />
<br />
The following web sites support HTML5 with Ogg Theora.<br />
<br />
=== Community upload sites ===<br />
<br />
These sites allow anyone to upload video, and provide transcoding<br />
to Ogg:<br />
<br />
* [http://www.dailymotion.com DailyMotion]. See also DailyMotion's [http://www.dailymotion.com/openvideodemo Open Video Demo] (restricted to Firefox 3.5)<br />
* Chris Double's [http://tinyvid.tv Tinyvid] (transcoding via Firefogg)<br />
<br />
=== Archival and Reference ===<br />
<br />
Sites that curate video for general archival and reference purposes,<br />
and allow anyone to upload relevant material:<br />
<br />
* [http://www.archive.org/details/movies Archive.org’s videos]<br />
* [http://commons.wikimedia.org/wiki/Category:Videos_by_format Wikipedia’s videos]<br />
<br />
=== Projects ===<br />
<br />
* [http://metavid.org metavid]: The Open Video archive of the US Congress<br />
* [http://pad.ma pad.ma]: Public Access Digital Media Archive is an online archive of densely text-annotated video material, primarily footage and not finished films.<br />
<br />
=== Conferences ===<br />
<br />
* [http://mirror.linux.org.au/linux.conf.au/ linux.conf.au]<br />
* DebConf: on the individual conference pages, e.g. [http://wiki.debconf.org/wiki/DebConf8/Streams]<br />
* The [http://www.foms-workshop.org/foms2009/pmwiki.php/Main/Proceedings FOMS workshop videos]: proceedings from a workshop on free and open multimedia software.<br />
<br />
== Technology for setting up your own site ==<br />
<br />
=== HTML5 &lt;video&gt; embedding ===<br />
<br />
There are various ways to provide HTML5 video content with fallbacks for older browsers and non-free codecs.<br />
<br />
You can include one of the scripts below, or modify source from an existing page such as the HTML of<br />
[http://www.celt-codec.org/presentations/ CELT presentations].<br />
<br />
==== mv_embed ====<br />
<br />
[http://metavid.org/w/index.php/Mv_embed Mv_embed] is "a javascript library for easy embedding of ogg theora/vorbis media with the html5 tag. Once the script is included you can include an inline ogg theora clip with:<br />
<br />
<video src="mymovie.ogg"><br />
<br />
"Mv_embed will then rewrite the video tag to whatever playback method is available on the client be it native support, java cortado, mplayer or vlc".<br />
<br />
* [http://www.firefogg.org/make/mwEmbed/example_usage/Player_Simple_Video_Tag.html Demo and sample HTML].<br />
<br />
See also [http://www.mediawiki.org/wiki/Media_Projects_Overview#MwEmbed mv_embed on MediaWiki].<br />
<br />
==== iTheora ====<br />
<br />
[http://itheora.org/ iTheora]<br />
<br />
Example sites using iTheora:<br />
* [http://theorasea.org]<br />
<br />
<br />
===== video4all ====<br />
<br />
[http://code.google.com/p/video4all/ video4all at Google Code]<br />
<br />
Uses browser specific technology (.htc, .xbl, or plain .js) to rewrite video tags to fall back to H.264 in Flash for legacy browsers, while providing H.264 natively to Safari and Theora for Mozilla. Roughly speaking a script version of Kroc Camen's pure HTML Video For Everybody solution. Doesn't (currently) use any Theora based fallbacks.<br />
<br />
==== Video for Everybody ====<br />
<br />
[http://camendesign.com/code/video_for_everybody Video for Everybody] is<br />
"a chunk of HTML code that embeds a video into a website<br />
using the HTML5 <video> element."<br />
<br />
:*Comment: We really shouldn't be plugging a solution which eschews cortado as a fall back in favor of FLV. A pure HTML triple check video/java/youtube would be better, but no pure HTML solution perform a canplaytype so it will break for safari users without xiphqt. Is "possible to add raw HTML but no JS" a common enough situation that a JS free solution is really needed? --[[User:Gmaxwell|Gmaxwell]] 22:58, 30 June 2009 (PDT)<br />
<br />
:*Comment: It's clear that this solution makes a few compromises in order to be JS-free. The code is both fragile and frightening for reasons that make sense with regard to the original author's goals but aren't relevant if e.g. promoting Theora adoption takes precedence over a distaste for Java and/or Javascript. --[[User:Bod|Bod]] 06:03, 6 July 2009 (PDT)<br />
<br />
=== HTML5 &lt;audio&gt; embedding ===<br />
<br />
There are various ways to provide HTML5 audio content in Vorbis and there are Java and Flash fallbacks for older browsers (and non-free codecs though this is even less necessary than it is in the case of Theora video).<br />
<br />
==== Vorbis via Flash 10 ====<br />
<br />
[http://barelyfocused.net/blog/2008/10/03/flash-vorbis-player/ fogg (aka FVorbis)], [[Jorbis]] code automatically ported to Haxe and then compiled to AS3<br />
[http://labs.adobe.com/wiki/index.php/Alchemy:Libraries Alchemy Vorbis], Adobe's Alchemy allows compiling C and C++ plus to AS3. Vorbis is one of the demo libraries they ported.<br />
[http://flash.j-ogg.de/10/ flash.j-ogg], haxe and actionscript3 translation of j-ogg <br />
<br />
==== Vorbis via Java ====<br />
<br />
[http://www.jcraft.com/jorbis/ JorbisPlayer]<br />
[http://www.j-ogg.de/core/main?/index-vorbis.html J-Ogg]<br />
<br />
==== Vorbis via Javascript and &lt;audio&gt; tag ====<br />
<br />
[http://alpha.libre.fm/listen/?tag=rock web radio interface]<br />
<br />
<br />
=== Encoding, transcoding ===<br />
<br />
==== Firefogg ====<br />
<br />
[http://firefogg.org/ Firefogg] provides "video encoding and uploading for Firefox". This includes a Firefox extension that allows users to encode video to Ogg Theora on their own computer while uploading it to your site. This simplifies the upload for users as they can simply choose from their existing video files, and simplifies your web site by allowing you to deal with only one video format, and offloading the CPU cycles required for encoding to the user.<br />
<br />
=== Content management ===<br />
<br />
* The [http://www.mediawiki.org/wiki/Extension:OggHandler OggHandler extension] for MediaWiki provides video and audio support with automatic fallback and thumbnailing. <br />
* [http://metavid.org/wiki/MetaVidWiki_Software MetaVidWiki]<br />
<br />
=== Backend servers ===<br />
<br />
* [http://www.xiph.org/oggz/ oggz-chop] allows you to serve time ranges of Ogg media over HTTP by any web server that supports CGI. Examples of such time range requests are http://www.example.com/video.ogv?t=200/600 which serves the segment of video.ogv from 200s-600s. This allows users to instantly jump to any point in a video, and you can put links in your web application to play arbitrary scenes.</div>Bodhttps://wiki.xiph.org/index.php?title=HTML5&diff=10404HTML52009-07-07T11:43:25Z<p>Bod: adding link to video4all project</p>
<hr />
<div>The HTML5 specification includes support for &lt;video&gt; and &lt;audio&gt;.<br />
This page outlines use of HTML5 syntax with Xiph.Org codecs, particularly Ogg [[Theora]] and Ogg [[Vorbis]]. It is also a place to collect ideas for [http://ogg.org/ ogg.org].<br />
<br />
== Browser Support ==<br />
<br />
Our list of [[TheoraSoftwarePlayers]] lists many general-purpose media players that support Ogg Theora.<br />
<br />
These web browsers support HTML5 with Ogg video:<br />
<br />
=== Mozilla Firefox ===<br />
<br />
[http://www.mozilla.com/en-US/firefox/firefox.html Firefox 3.5]<br />
includes "support for the HTML5 <video> and <audio> elements including native support for Ogg Theora encoded video and Vorbis encoded audio." See [https://developer.mozilla.org/en/Using_audio_and_video_in_Firefox Using audio and video in Firefox] at the Mozilla Developer Center for more info.<br />
<br />
=== Opera ===<br />
<br />
In [http://dev.opera.com/articles/view/a-call-for-video-on-the-web-opera-vid/ A call for video on the web - Opera <video> release on Labs], Opera announce that they "have created an experimental build of our browser for Windows, Mac and Linux with ... support for the <video> element/Ogg Theora built in".<br />
<br />
The article contains links to experimental builds of Opera 9.52, and provides some simple examples of HTML5 <video> markup.<br />
<br />
=== Google Chrome ===<br />
<br />
Unstable builds are available from the<br />
[http://dev.chromium.org/getting-involved/dev-channel dev-channel].<br />
The first version supporting Ogg Theora was chrome 3.0.182.2.<br />
<br />
=== Apple Safari ===<br />
<br />
Install [[XiphQT]]<br />
<br />
=== Microsoft Internet Explorer ===<br />
<br />
=== Plugins ===<br />
<br />
[http://itheora.org/?p=screens Compatibility]<br />
<br />
== Web Video sites ==<br />
<br />
For more examples of Ogg Theora video, see<br />
[[List of Theora videos]].<br />
<br />
The following web sites support HTML5 with Ogg Theora.<br />
<br />
=== Community upload sites ===<br />
<br />
These sites allow anyone to upload video, and provide transcoding<br />
to Ogg:<br />
<br />
* [http://www.dailymotion.com DailyMotion]. See also DailyMotion's [http://www.dailymotion.com/openvideodemo Open Video Demo] (restricted to Firefox 3.5)<br />
* Chris Double's [http://tinyvid.tv Tinyvid] (transcoding via Firefogg)<br />
<br />
=== Archival and Reference ===<br />
<br />
Sites that curate video for general archival and reference purposes,<br />
and allow anyone to upload relevant material:<br />
<br />
* [http://www.archive.org/details/movies Archive.org’s videos]<br />
* [http://commons.wikimedia.org/wiki/Category:Videos_by_format Wikipedia’s videos]<br />
<br />
=== Projects ===<br />
<br />
* [http://metavid.org metavid]: The Open Video archive of the US Congress<br />
* [http://pad.ma pad.ma]: Public Access Digital Media Archive is an online archive of densely text-annotated video material, primarily footage and not finished films.<br />
<br />
=== Conferences ===<br />
<br />
* [http://mirror.linux.org.au/linux.conf.au/ linux.conf.au]<br />
* DebConf: on the individual conference pages, e.g. [http://wiki.debconf.org/wiki/DebConf8/Streams]<br />
* The [http://www.foms-workshop.org/foms2009/pmwiki.php/Main/Proceedings FOMS workshop videos]: proceedings from a workshop on free and open multimedia software.<br />
<br />
== Technology for setting up your own site ==<br />
<br />
=== HTML5 &lt;video&gt; embedding ===<br />
<br />
There are various ways to provide HTML5 video content with fallbacks for older browsers and non-free codecs.<br />
<br />
You can include one of the scripts below, or modify source from an existing page such as the HTML of<br />
[http://www.celt-codec.org/presentations/ CELT presentations].<br />
<br />
==== mv_embed ====<br />
<br />
[http://metavid.org/w/index.php/Mv_embed Mv_embed] is "a javascript library for easy embedding of ogg theora/vorbis media with the html5 tag. Once the script is included you can include an inline ogg theora clip with:<br />
<br />
<video src="mymovie.ogg"><br />
<br />
"Mv_embed will then rewrite the video tag to whatever playback method is available on the client be it native support, java cortado, mplayer or vlc".<br />
<br />
* [http://www.firefogg.org/make/mwEmbed/example_usage/Player_Simple_Video_Tag.html Demo and sample HTML].<br />
<br />
See also [http://www.mediawiki.org/wiki/Media_Projects_Overview#MwEmbed mv_embed on MediaWiki].<br />
<br />
==== iTheora ====<br />
<br />
[http://itheora.org/ iTheora]<br />
<br />
Example sites using iTheora:<br />
* [http://theorasea.org]<br />
<br />
<br />
== video4all ==<br />
<br />
[http://code.google.com/p/video4all/ video4all at Google Code]<br />
<br />
Uses browser specific technology (.htc, .xbl, or plain .js) to rewrite video tags to fall back to H.264 in Flash for legacy browsers, while providing H.264 natively to Safari and Theora for Mozilla. Roughly speaking a script version of Kroc Camen's pure HTML Video For Everybody solution. Doesn't (currently) use any Theora based fallbacks.<br />
<br />
==== Video for Everybody ====<br />
<br />
[http://camendesign.com/code/video_for_everybody Video for Everybody] is<br />
"a chunk of HTML code that embeds a video into a website<br />
using the HTML5 <video> element."<br />
<br />
:*Comment: We really shouldn't be plugging a solution which eschews cortado as a fall back in favor of FLV. A pure HTML triple check video/java/youtube would be better, but no pure HTML solution perform a canplaytype so it will break for safari users without xiphqt. Is "possible to add raw HTML but no JS" a common enough situation that a JS free solution is really needed? --[[User:Gmaxwell|Gmaxwell]] 22:58, 30 June 2009 (PDT)<br />
<br />
:*Comment: It's clear that this solution makes a few compromises in order to be JS-free. The code is both fragile and frightening for reasons that make sense with regard to the original author's goals but aren't relevant if e.g. promoting Theora adoption takes precedence over a distaste for Java and/or Javascript. --[[User:Bod|Bod]] 06:03, 6 July 2009 (PDT)<br />
<br />
=== Encoding, transcoding ===<br />
<br />
==== Firefogg ====<br />
<br />
[http://firefogg.org/ Firefogg] provides "video encoding and uploading for Firefox". This includes a Firefox extension that allows users to encode video to Ogg Theora on their own computer while uploading it to your site. This simplifies the upload for users as they can simply choose from their existing video files, and simplifies your web site by allowing you to deal with only one video format, and offloading the CPU cycles required for encoding to the user.<br />
<br />
=== Content management ===<br />
<br />
* The [http://www.mediawiki.org/wiki/Extension:OggHandler OggHandler extension] for MediaWiki provides video and audio support with automatic fallback and thumbnailing. <br />
* [http://metavid.org/wiki/MetaVidWiki_Software MetaVidWiki]<br />
<br />
=== Backend servers ===<br />
<br />
* [http://www.xiph.org/oggz/ oggz-chop] allows you to serve time ranges of Ogg media over HTTP by any web server that supports CGI. Examples of such time range requests are http://www.example.com/video.ogv?t=200/600 which serves the segment of video.ogv from 200s-600s. This allows users to instantly jump to any point in a video, and you can put links in your web application to play arbitrary scenes.</div>Bodhttps://wiki.xiph.org/index.php?title=HTML5&diff=10362HTML52009-07-06T13:03:22Z<p>Bod: /* Video for Everybody */ signing my comment</p>
<hr />
<div>The HTML5 specification includes support for &lt;video&gt; and &lt;audio&gt;.<br />
This page outlines use of HTML5 syntax with Xiph.Org codecs, particularly Ogg [[Theora]] and Ogg [[Vorbis]]. It is also a place to collect ideas for [http://ogg.org/ ogg.org].<br />
<br />
== Browser Support ==<br />
<br />
Our list of [[TheoraSoftwarePlayers]] lists many general-purpose media players that support Ogg Theora.<br />
<br />
These web browsers support HTML5 with Ogg video:<br />
<br />
=== Mozilla Firefox ===<br />
<br />
[http://www.mozilla.com/en-US/firefox/firefox.html Firefox 3.5]<br />
includes "support for the HTML5 <video> and <audio> elements including native support for Ogg Theora encoded video and Vorbis encoded audio." See [https://developer.mozilla.org/en/Using_audio_and_video_in_Firefox Using audio and video in Firefox] at the Mozilla Developer Center for more info.<br />
<br />
=== Opera ===<br />
<br />
In [http://dev.opera.com/articles/view/a-call-for-video-on-the-web-opera-vid/ A call for video on the web - Opera <video> release on Labs], Opera announce that they "have created an experimental build of our browser for Windows, Mac and Linux with ... support for the <video> element/Ogg Theora built in".<br />
<br />
The article contains links to experimental builds of Opera 9.52, and provides some simple examples of HTML5 <video> markup.<br />
<br />
=== Google Chrome ===<br />
<br />
Unstable builds are available from the<br />
[http://dev.chromium.org/getting-involved/dev-channel dev-channel].<br />
The first version supporting Ogg Theora was chrome 3.0.182.2.<br />
<br />
=== Apple Safari ===<br />
<br />
Install [[XiphQT]]<br />
<br />
=== Microsoft Internet Explorer ===<br />
<br />
=== Plugins ===<br />
<br />
[http://itheora.org/?p=screens Compatibility]<br />
<br />
== Web Video sites ==<br />
<br />
For more examples of Ogg Theora video, see<br />
[[List of Theora videos]].<br />
<br />
The following web sites support HTML5 with Ogg Theora.<br />
<br />
=== Community upload sites ===<br />
<br />
These sites allow anyone to upload video, and provide transcoding<br />
to Ogg:<br />
<br />
* [http://www.dailymotion.com DailyMotion]. See also DailyMotion's [http://www.dailymotion.com/openvideodemo Open Video Demo] (restricted to Firefox 3.5)<br />
* Chris Double's [http://tinyvid.tv Tinyvid] (transcoding via Firefogg)<br />
<br />
=== Archival and Reference ===<br />
<br />
Sites that curate video for general archival and reference purposes,<br />
and allow anyone to upload relevant material:<br />
<br />
* [http://www.archive.org/details/movies Archive.org’s videos]<br />
* [http://commons.wikimedia.org/wiki/Category:Videos_by_format Wikipedia’s videos]<br />
<br />
=== Projects ===<br />
<br />
* [http://metavid.org metavid]: The Open Video archive of the US Congress<br />
* [http://pad.ma pad.ma]: Public Access Digital Media Archive is an online archive of densely text-annotated video material, primarily footage and not finished films.<br />
<br />
=== Conferences ===<br />
<br />
* [http://mirror.linux.org.au/linux.conf.au/ linux.conf.au]<br />
* DebConf: on the individual conference pages, e.g. [http://wiki.debconf.org/wiki/DebConf8/Streams]<br />
* The [http://www.foms-workshop.org/foms2009/pmwiki.php/Main/Proceedings FOMS workshop videos]: proceedings from a workshop on free and open multimedia software.<br />
<br />
== Technology for setting up your own site ==<br />
<br />
=== HTML5 &lt;video&gt; embedding ===<br />
<br />
There are various ways to provide HTML5 video content with fallbacks for older browsers and non-free codecs.<br />
<br />
You can include one of the scripts below, or modify source from an existing page such as the HTML of<br />
[http://www.celt-codec.org/presentations/ CELT presentations].<br />
<br />
==== mv_embed ====<br />
<br />
[http://metavid.org/w/index.php/Mv_embed Mv_embed] is "a javascript library for easy embedding of ogg theora/vorbis media with the html5 tag. Once the script is included you can include an inline ogg theora clip with:<br />
<br />
<video src="mymovie.ogg"><br />
<br />
"Mv_embed will then rewrite the video tag to whatever playback method is available on the client be it native support, java cortado, mplayer or vlc".<br />
<br />
* [http://www.firefogg.org/make/mwEmbed/example_usage/Player_Simple_Video_Tag.html Demo and sample HTML].<br />
<br />
See also [http://www.mediawiki.org/wiki/Media_Projects_Overview#MwEmbed mv_embed on MediaWiki].<br />
<br />
==== iTheora ====<br />
<br />
[http://itheora.org/ iTheora]<br />
<br />
Example sites using iTheora:<br />
* [http://theorasea.org]<br />
<br />
==== Video for Everybody ====<br />
<br />
[http://camendesign.com/code/video_for_everybody Video for Everybody] is<br />
"a chunk of HTML code that embeds a video into a website<br />
using the HTML5 <video> element."<br />
<br />
:*Comment: We really shouldn't be plugging a solution which eschews cortado as a fall back in favor of FLV. A pure HTML triple check video/java/youtube would be better, but no pure HTML solution perform a canplaytype so it will break for safari users without xiphqt. Is "possible to add raw HTML but no JS" a common enough situation that a JS free solution is really needed? --[[User:Gmaxwell|Gmaxwell]] 22:58, 30 June 2009 (PDT)<br />
<br />
:*Comment: It's clear that this solution makes a few compromises in order to be JS-free. The code is both fragile and frightening for reasons that make sense with regard to the original author's goals but aren't relevant if e.g. promoting Theora adoption takes precedence over a distaste for Java and/or Javascript. --[[User:Bod|Bod]] 06:03, 6 July 2009 (PDT)<br />
<br />
=== Encoding, transcoding ===<br />
<br />
==== Firefogg ====<br />
<br />
[http://firefogg.org/ Firefogg] provides "video encoding and uploading for Firefox". This includes a Firefox extension that allows users to encode video to Ogg Theora on their own computer while uploading it to your site. This simplifies the upload for users as they can simply choose from their existing video files, and simplifies your web site by allowing you to deal with only one video format, and offloading the CPU cycles required for encoding to the user.<br />
<br />
=== Content management ===<br />
<br />
* The [http://www.mediawiki.org/wiki/Extension:OggHandler OggHandler extension] for MediaWiki provides video and audio support with automatic fallback and thumbnailing. <br />
* [http://metavid.org/wiki/MetaVidWiki_Software MetaVidWiki]<br />
<br />
=== Backend servers ===<br />
<br />
* [http://www.xiph.org/oggz/ oggz-chop] allows you to serve time ranges of Ogg media over HTTP by any web server that supports CGI. Examples of such time range requests are http://www.example.com/video.ogv?t=200/600 which serves the segment of video.ogv from 200s-600s. This allows users to instantly jump to any point in a video, and you can put links in your web application to play arbitrary scenes.</div>Bodhttps://wiki.xiph.org/index.php?title=HTML5&diff=10361HTML52009-07-06T13:03:06Z<p>Bod: /* Video for Everybody */</p>
<hr />
<div>The HTML5 specification includes support for &lt;video&gt; and &lt;audio&gt;.<br />
This page outlines use of HTML5 syntax with Xiph.Org codecs, particularly Ogg [[Theora]] and Ogg [[Vorbis]]. It is also a place to collect ideas for [http://ogg.org/ ogg.org].<br />
<br />
== Browser Support ==<br />
<br />
Our list of [[TheoraSoftwarePlayers]] lists many general-purpose media players that support Ogg Theora.<br />
<br />
These web browsers support HTML5 with Ogg video:<br />
<br />
=== Mozilla Firefox ===<br />
<br />
[http://www.mozilla.com/en-US/firefox/firefox.html Firefox 3.5]<br />
includes "support for the HTML5 <video> and <audio> elements including native support for Ogg Theora encoded video and Vorbis encoded audio." See [https://developer.mozilla.org/en/Using_audio_and_video_in_Firefox Using audio and video in Firefox] at the Mozilla Developer Center for more info.<br />
<br />
=== Opera ===<br />
<br />
In [http://dev.opera.com/articles/view/a-call-for-video-on-the-web-opera-vid/ A call for video on the web - Opera <video> release on Labs], Opera announce that they "have created an experimental build of our browser for Windows, Mac and Linux with ... support for the <video> element/Ogg Theora built in".<br />
<br />
The article contains links to experimental builds of Opera 9.52, and provides some simple examples of HTML5 <video> markup.<br />
<br />
=== Google Chrome ===<br />
<br />
Unstable builds are available from the<br />
[http://dev.chromium.org/getting-involved/dev-channel dev-channel].<br />
The first version supporting Ogg Theora was chrome 3.0.182.2.<br />
<br />
=== Apple Safari ===<br />
<br />
Install [[XiphQT]]<br />
<br />
=== Microsoft Internet Explorer ===<br />
<br />
=== Plugins ===<br />
<br />
[http://itheora.org/?p=screens Compatibility]<br />
<br />
== Web Video sites ==<br />
<br />
For more examples of Ogg Theora video, see<br />
[[List of Theora videos]].<br />
<br />
The following web sites support HTML5 with Ogg Theora.<br />
<br />
=== Community upload sites ===<br />
<br />
These sites allow anyone to upload video, and provide transcoding<br />
to Ogg:<br />
<br />
* [http://www.dailymotion.com DailyMotion]. See also DailyMotion's [http://www.dailymotion.com/openvideodemo Open Video Demo] (restricted to Firefox 3.5)<br />
* Chris Double's [http://tinyvid.tv Tinyvid] (transcoding via Firefogg)<br />
<br />
=== Archival and Reference ===<br />
<br />
Sites that curate video for general archival and reference purposes,<br />
and allow anyone to upload relevant material:<br />
<br />
* [http://www.archive.org/details/movies Archive.org’s videos]<br />
* [http://commons.wikimedia.org/wiki/Category:Videos_by_format Wikipedia’s videos]<br />
<br />
=== Projects ===<br />
<br />
* [http://metavid.org metavid]: The Open Video archive of the US Congress<br />
* [http://pad.ma pad.ma]: Public Access Digital Media Archive is an online archive of densely text-annotated video material, primarily footage and not finished films.<br />
<br />
=== Conferences ===<br />
<br />
* [http://mirror.linux.org.au/linux.conf.au/ linux.conf.au]<br />
* DebConf: on the individual conference pages, e.g. [http://wiki.debconf.org/wiki/DebConf8/Streams]<br />
* The [http://www.foms-workshop.org/foms2009/pmwiki.php/Main/Proceedings FOMS workshop videos]: proceedings from a workshop on free and open multimedia software.<br />
<br />
== Technology for setting up your own site ==<br />
<br />
=== HTML5 &lt;video&gt; embedding ===<br />
<br />
There are various ways to provide HTML5 video content with fallbacks for older browsers and non-free codecs.<br />
<br />
You can include one of the scripts below, or modify source from an existing page such as the HTML of<br />
[http://www.celt-codec.org/presentations/ CELT presentations].<br />
<br />
==== mv_embed ====<br />
<br />
[http://metavid.org/w/index.php/Mv_embed Mv_embed] is "a javascript library for easy embedding of ogg theora/vorbis media with the html5 tag. Once the script is included you can include an inline ogg theora clip with:<br />
<br />
<video src="mymovie.ogg"><br />
<br />
"Mv_embed will then rewrite the video tag to whatever playback method is available on the client be it native support, java cortado, mplayer or vlc".<br />
<br />
* [http://www.firefogg.org/make/mwEmbed/example_usage/Player_Simple_Video_Tag.html Demo and sample HTML].<br />
<br />
See also [http://www.mediawiki.org/wiki/Media_Projects_Overview#MwEmbed mv_embed on MediaWiki].<br />
<br />
==== iTheora ====<br />
<br />
[http://itheora.org/ iTheora]<br />
<br />
Example sites using iTheora:<br />
* [http://theorasea.org]<br />
<br />
==== Video for Everybody ====<br />
<br />
[http://camendesign.com/code/video_for_everybody Video for Everybody] is<br />
"a chunk of HTML code that embeds a video into a website<br />
using the HTML5 <video> element."<br />
<br />
:*Comment: We really shouldn't be plugging a solution which eschews cortado as a fall back in favor of FLV. A pure HTML triple check video/java/youtube would be better, but no pure HTML solution perform a canplaytype so it will break for safari users without xiphqt. Is "possible to add raw HTML but no JS" a common enough situation that a JS free solution is really needed? --[[User:Gmaxwell|Gmaxwell]] 22:58, 30 June 2009 (PDT)<br />
<br />
:*Comment: It's clear that this solution makes a few compromises in order to be JS-free. The code is both fragile and frightening for reasons that make sense with regard to the original author's goals but aren't relevant if e.g. promoting Theora adoption takes precedence over a distaste for Java and/or Javascript.<br />
<br />
=== Encoding, transcoding ===<br />
<br />
==== Firefogg ====<br />
<br />
[http://firefogg.org/ Firefogg] provides "video encoding and uploading for Firefox". This includes a Firefox extension that allows users to encode video to Ogg Theora on their own computer while uploading it to your site. This simplifies the upload for users as they can simply choose from their existing video files, and simplifies your web site by allowing you to deal with only one video format, and offloading the CPU cycles required for encoding to the user.<br />
<br />
=== Content management ===<br />
<br />
* The [http://www.mediawiki.org/wiki/Extension:OggHandler OggHandler extension] for MediaWiki provides video and audio support with automatic fallback and thumbnailing. <br />
* [http://metavid.org/wiki/MetaVidWiki_Software MetaVidWiki]<br />
<br />
=== Backend servers ===<br />
<br />
* [http://www.xiph.org/oggz/ oggz-chop] allows you to serve time ranges of Ogg media over HTTP by any web server that supports CGI. Examples of such time range requests are http://www.example.com/video.ogv?t=200/600 which serves the segment of video.ogv from 200s-600s. This allows users to instantly jump to any point in a video, and you can put links in your web application to play arbitrary scenes.</div>Bodhttps://wiki.xiph.org/index.php?title=Talk:HTML5&diff=10360Talk:HTML52009-07-06T12:35:02Z<p>Bod: What's the aim (intended audiance/content) of this wiki?</p>
<hr />
<div>Is this intended to become an end user resource for people trying to get started with Theora and HTML5? With answers to questions like how to set up mime types and the best encoder to use on Windows and Macs? I ask because I feel something like that is needed as much of the info is scattered and ambiguous or conflicting, and here seems an ideal location, but I'm not sure if that's the intent of this wiki. --[[User:Bod|Bod]] 05:35, 6 July 2009 (PDT)</div>Bodhttps://wiki.xiph.org/index.php?title=HTML5&diff=10359HTML52009-07-06T12:28:23Z<p>Bod: /* Mozilla Firefox */</p>
<hr />
<div>The HTML5 specification includes support for &lt;video&gt; and &lt;audio&gt;.<br />
This page outlines use of HTML5 syntax with Xiph.Org codecs, particularly Ogg [[Theora]] and Ogg [[Vorbis]]. It is also a place to collect ideas for [http://ogg.org/ ogg.org].<br />
<br />
== Browser Support ==<br />
<br />
Our list of [[TheoraSoftwarePlayers]] lists many general-purpose media players that support Ogg Theora.<br />
<br />
These web browsers support HTML5 with Ogg video:<br />
<br />
=== Mozilla Firefox ===<br />
<br />
[http://www.mozilla.com/en-US/firefox/firefox.html Firefox 3.5]<br />
includes "support for the HTML5 <video> and <audio> elements including native support for Ogg Theora encoded video and Vorbis encoded audio." See [https://developer.mozilla.org/en/Using_audio_and_video_in_Firefox Using audio and video in Firefox] at the Mozilla Developer Center for more info.<br />
<br />
=== Opera ===<br />
<br />
In [http://dev.opera.com/articles/view/a-call-for-video-on-the-web-opera-vid/ A call for video on the web - Opera <video> release on Labs], Opera announce that they "have created an experimental build of our browser for Windows, Mac and Linux with ... support for the <video> element/Ogg Theora built in".<br />
<br />
The article contains links to experimental builds of Opera 9.52, and provides some simple examples of HTML5 <video> markup.<br />
<br />
=== Google Chrome ===<br />
<br />
Unstable builds are available from the<br />
[http://dev.chromium.org/getting-involved/dev-channel dev-channel].<br />
The first version supporting Ogg Theora was chrome 3.0.182.2.<br />
<br />
=== Apple Safari ===<br />
<br />
Install [[XiphQT]]<br />
<br />
=== Microsoft Internet Explorer ===<br />
<br />
=== Plugins ===<br />
<br />
[http://itheora.org/?p=screens Compatibility]<br />
<br />
== Web Video sites ==<br />
<br />
For more examples of Ogg Theora video, see<br />
[[List of Theora videos]].<br />
<br />
The following web sites support HTML5 with Ogg Theora.<br />
<br />
=== Community upload sites ===<br />
<br />
These sites allow anyone to upload video, and provide transcoding<br />
to Ogg:<br />
<br />
* [http://www.dailymotion.com DailyMotion]. See also DailyMotion's [http://www.dailymotion.com/openvideodemo Open Video Demo] (restricted to Firefox 3.5)<br />
* Chris Double's [http://tinyvid.tv Tinyvid] (transcoding via Firefogg)<br />
<br />
=== Archival and Reference ===<br />
<br />
Sites that curate video for general archival and reference purposes,<br />
and allow anyone to upload relevant material:<br />
<br />
* [http://www.archive.org/details/movies Archive.org’s videos]<br />
* [http://commons.wikimedia.org/wiki/Category:Videos_by_format Wikipedia’s videos]<br />
<br />
=== Projects ===<br />
<br />
* [http://metavid.org metavid]: The Open Video archive of the US Congress<br />
* [http://pad.ma pad.ma]: Public Access Digital Media Archive is an online archive of densely text-annotated video material, primarily footage and not finished films.<br />
<br />
=== Conferences ===<br />
<br />
* [http://mirror.linux.org.au/linux.conf.au/ linux.conf.au]<br />
* DebConf: on the individual conference pages, e.g. [http://wiki.debconf.org/wiki/DebConf8/Streams]<br />
* The [http://www.foms-workshop.org/foms2009/pmwiki.php/Main/Proceedings FOMS workshop videos]: proceedings from a workshop on free and open multimedia software.<br />
<br />
== Technology for setting up your own site ==<br />
<br />
=== HTML5 &lt;video&gt; embedding ===<br />
<br />
There are various ways to provide HTML5 video content with fallbacks for older browsers and non-free codecs.<br />
<br />
You can include one of the scripts below, or modify source from an existing page such as the HTML of<br />
[http://www.celt-codec.org/presentations/ CELT presentations].<br />
<br />
==== mv_embed ====<br />
<br />
[http://metavid.org/w/index.php/Mv_embed Mv_embed] is "a javascript library for easy embedding of ogg theora/vorbis media with the html5 tag. Once the script is included you can include an inline ogg theora clip with:<br />
<br />
<video src="mymovie.ogg"><br />
<br />
"Mv_embed will then rewrite the video tag to whatever playback method is available on the client be it native support, java cortado, mplayer or vlc".<br />
<br />
* [http://www.firefogg.org/make/mwEmbed/example_usage/Player_Simple_Video_Tag.html Demo and sample HTML].<br />
<br />
See also [http://www.mediawiki.org/wiki/Media_Projects_Overview#MwEmbed mv_embed on MediaWiki].<br />
<br />
==== iTheora ====<br />
<br />
[http://itheora.org/ iTheora]<br />
<br />
Example sites using iTheora:<br />
* [http://theorasea.org]<br />
<br />
==== Video for Everybody ====<br />
<br />
[http://camendesign.com/code/video_for_everybody Video for Everybody] is<br />
"a chunk of HTML code that embeds a video into a website<br />
using the HTML5 <video> element."<br />
<br />
:*Comment: We really shouldn't be plugging a solution which eschews cortado as a fall back in favor of FLV. A pure HTML triple check video/java/youtube would be better, but no pure HTML solution perform a canplaytype so it will break for safari users without xiphqt. Is "possible to add raw HTML but no JS" a common enough situation that a JS free solution is really needed? --[[User:Gmaxwell|Gmaxwell]] 22:58, 30 June 2009 (PDT)<br />
<br />
=== Encoding, transcoding ===<br />
<br />
==== Firefogg ====<br />
<br />
[http://firefogg.org/ Firefogg] provides "video encoding and uploading for Firefox". This includes a Firefox extension that allows users to encode video to Ogg Theora on their own computer while uploading it to your site. This simplifies the upload for users as they can simply choose from their existing video files, and simplifies your web site by allowing you to deal with only one video format, and offloading the CPU cycles required for encoding to the user.<br />
<br />
=== Content management ===<br />
<br />
* The [http://www.mediawiki.org/wiki/Extension:OggHandler OggHandler extension] for MediaWiki provides video and audio support with automatic fallback and thumbnailing. <br />
* [http://metavid.org/wiki/MetaVidWiki_Software MetaVidWiki]<br />
<br />
=== Backend servers ===<br />
<br />
* [http://www.xiph.org/oggz/ oggz-chop] allows you to serve time ranges of Ogg media over HTTP by any web server that supports CGI. Examples of such time range requests are http://www.example.com/video.ogv?t=200/600 which serves the segment of video.ogv from 200s-600s. This allows users to instantly jump to any point in a video, and you can put links in your web application to play arbitrary scenes.</div>Bod