HTML5MediaLibraries: Difference between revisions
mNo edit summary |
|||
| Line 11: | Line 11: | ||
Even if ogv is free, it’s not supported on all majors platforms. | Even if ogv is free, it’s not supported on all majors platforms. | ||
http://caniuse.com/#feat=mpeg4 | |||
http://caniuse.com/#feat=ogv | |||
=== Usage === | === Usage === | ||
| Line 18: | Line 18: | ||
You can simply use a video tag | You can simply use a video tag | ||
http://www.w3schools.com/html/html5_video.asp | |||
<video width="400" controls> | |||
<source src="mov_bbb.mp4" type="video/mp4"> | |||
<source src="mov_bbb.ogg" type="video/ogg"> | |||
Your browser does not support HTML5 video. | |||
</video> | |||
=== Warning === | === Warning === | ||
| Line 24: | Line 30: | ||
On Android, >=2.3 is strongly recommended | On Android, >=2.3 is strongly recommended | ||
http://www.broken-links.com/2010/07/08/making-html5-video-work-on-android-phones/ | |||
{| class="wikitable" | {| class="wikitable" | ||
| Line 58: | Line 64: | ||
=== Warning === | === Warning === | ||
Volume is read-only on iOS. | |||
Chrome on Android does not support autoplay as advised by the specification. | |||
=== Sound Manager === | === Sound Manager === | ||
http://createjs.com/SoundJS | |||
| Line 70: | Line 76: | ||
=== Scene Manager === | === Scene Manager === | ||
http://createjs.com | |||
Revision as of 08:52, 15 May 2015
Overview of HTML5 media libraries and feedbacks
This page is under construction
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 <video width="400" controls> <source src="mov_bbb.mp4" type="video/mp4"> <source src="mov_bbb.ogg" type="video/ogg"> Your browser does not support HTML5 video. </video>
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-1.5 | X | |
| Android 4.X | X | |
| iOS 8.X | 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