Difference between revisions of "HTML5MediaLibraries"

From Sugar Labs
Jump to navigation Jump to search
(Overview of HTML5 media libraries and feedbacks)
 
Line 1: Line 1:
Overview of HTML5 media libraries and feedbacks
+
=Overview of HTML5 media libraries and feedbacks=
 +
 
 +
== Display a Video ? ==
 +
 
 +
=== Recommendations ===
 +
 
 +
You should provide both .ogv and .mp4 files
 +
 
 +
Even if ogv is free, it’s not supported on all majors platforms.
 +
 
 +
  * http://caniuse.com/#feat=mpeg4
 +
  * http://caniuse.com/#feat=ogv
 +
 
 +
=== Usage ===
 +
 
 +
You can simply use a video tag
 +
 
 +
  * http://www.w3schools.com/html/html5_video.asp
 +
 
 +
=== Warning ===
 +
 
 +
On Android, >=2.3 is strongly recommended
 +
 
 +
  * http://www.broken-links.com/2010/07/08/making-html5-video-work-on-android-phones/
 +
 
 +
----
 +
 
 +
== Play sound ? ==
 +
 
 +
=== Recommendations ===
 +
 
 +
You should provide both .ogg and .mp3 files
 +
 
 +
Even if ogg is free, it’s not supported on all majors platforms.
 +
 
 +
=== Usage ===
 +
 
 +
You can use the audio tag - https://www.w3.org/wiki/HTML/Elements/audio
 +
 
 +
=== Warning ===
 +
 
 +
  * Volume is read-only on iOS.
 +
  * Chrome on Android does not support autoplay as advised by the specification.
 +
 
 +
=== Sound Manager ===
 +
 
 +
  * http://createjs.com/SoundJS
 +
 
 +
 
 +
----
 +
 
 +
== Interact with Canvas ? ==
 +
 
 +
=== Scene Manager ===
 +
 
 +
  * http://createjs.com

Revision as of 19:57, 7 May 2015

Overview of HTML5 media libraries and feedbacks

Display a Video ?

Recommendations

You should provide both .ogv and .mp4 files

Even if ogv is free, it’s not supported on all majors platforms.

 * http://caniuse.com/#feat=mpeg4
 * http://caniuse.com/#feat=ogv

Usage

You can simply use a video tag

 * http://www.w3schools.com/html/html5_video.asp

Warning

On Android, >=2.3 is strongly recommended

 * http://www.broken-links.com/2010/07/08/making-html5-video-work-on-android-phones/

Play sound ?

Recommendations

You should provide both .ogg and .mp3 files

Even if ogg is free, it’s not supported on all majors platforms.

Usage

You can use the audio tag - https://www.w3.org/wiki/HTML/Elements/audio

Warning

 * Volume is read-only on iOS.
 * Chrome on Android does not support autoplay as advised by the specification.

Sound Manager

 * http://createjs.com/SoundJS



Interact with Canvas ?

Scene Manager

 * http://createjs.com