Jump to content

HTML5MediaLibraries: Difference between revisions

From Sugar Labs
Mohayon (talk | contribs)
mNo edit summary
Mohayon (talk | contribs)
Line 24: Line 24:
   * http://www.broken-links.com/2010/07/08/making-html5-video-work-on-android-phones/
   * http://www.broken-links.com/2010/07/08/making-html5-video-work-on-android-phones/


{| class="wikitable"
| Platform
| MP4 Support
| OGV Support
|-
| XO
|
| style="text-align:center;" | X
|-
| Android
| style="text-align:center;" | X
|
|-
| iOS
| style="text-align:center;" | X
|
|}


== Play sound ? ==
== Play sound ? ==

Revision as of 06:37, 8 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/
Platform MP4 Support OGV Support
XO X
Android X
iOS X

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