Difference between revisions of "HTML5MediaLibraries"
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 18: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