HTML5: Difference between revisions

From XiphWiki
Jump to navigation Jump to search
(→‎Web Video sites: expand list of sites, with descriptions (merge from ginger's blog))
Line 24: Line 24:
== Web Video sites ==
== Web Video sites ==


The following web sites support HTML5 with ogg theora:
For more examples of Ogg Theora video, see
[[List of Theora videos]].
 
The following web sites support HTML5 with Ogg Theora.
 
=== Community upload sites ===


* [http://tinyvid.tv tinyvid.tv]
These sites allow anyone to upload video, and provide transcoding
* [http://www.dailymotion.com DailyMotion]
to Ogg:
* [http://metavid.org metavid.org]
* [http://pad.ma pad.ma]


For more examples of Ogg Theora video, see
* [http://www.dailymotion.com DailyMotion]. See also DailyMotion's [http://www.dailymotion.com/openvideodemo Open Video Demo] (restricted to Firefox 3.5)
[[List of Theora videos]].
* Chris Double's [http://tinyvid.tv Tinyvid] (transcoding via Firefogg)
 
=== Archival and Reference ===
 
Sites that curate video for general archival and reference purposes,
and allow anyone to upload relevant material:
 
* [http://www.archive.org/details/movies Archive.org’s videos]
* [http://commons.wikimedia.org/wiki/Category:Videos_by_format Wikipedia’s videos]
 
=== Projects ===
 
* [http://metavid.org metavid]: The Open Video archive of the US Congress
* [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.
* The [http://www.foms-workshop.org/foms2009/pmwiki.php/Main/Proceedings FOMS workshop videos]: proceedings from a workshop on free and open multimedia software.


== Technology for setting up your own site ==
== Technology for setting up your own site ==

Revision as of 22:13, 3 July 2009

The HTML5 specification includes support for <video> and <audio>. 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 ogg.org.

Browser Support

TheoraSoftwarePlayers

Mozilla Firefox

Firefox 3.5

Opera

Google Chrome

Apple Safari

Microsoft Internet Explorer

Plugins

Compatibility

Web Video sites

For more examples of Ogg Theora video, see List of Theora videos.

The following web sites support HTML5 with Ogg Theora.

Community upload sites

These sites allow anyone to upload video, and provide transcoding to Ogg:

Archival and Reference

Sites that curate video for general archival and reference purposes, and allow anyone to upload relevant material:

Projects

  • metavid: The Open Video archive of the US Congress
  • pad.ma: Public Access Digital Media Archive is an online archive of densely text-annotated video material, primarily footage and not finished films.
  • The FOMS workshop videos: proceedings from a workshop on free and open multimedia software.

Technology for setting up your own site

HTML5 <video> embedding

There are various ways to provide HTML5 video content with fallbacks for older browsers and non-free codecs.

You can include one of the scripts below, or modify source from an existing page such as the HTML of CELT presentations.

mv_embed

mv_embed homepage and mv_embed on MediaWiki

Example sites using mv_embed:

iTheora

iTheora

Example sites using iTheora:

Video for Everybody

Video for Everybody is "a chunk of HTML code that embeds a video into a website using the HTML5 <video> element."

  • 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? --Gmaxwell 22:58, 30 June 2009 (PDT)

Encoding, transcoding

Firefogg

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.

Content management

Backend servers