30
edits
Changes
Jump to navigation
Jump to search
mLine 1:
Line 1: − + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
no edit summary
Overview of HTML5 media libraries and feedbacks
=Overview of HTML5 media libraries and feedbacks=
<span style="color:#FF0000">This page is under construction</span>
=Video=
== 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/
{| class="wikitable"
| Platform
| MP4 Support
| OGV Support
|-
| XO-1.5
|
| style="text-align:center;" | X
|-
| Android 4.X
| style="text-align:center;" | X
|
|-
| iOS 8.X
| style="text-align:center;" | X
|
|}
==Record a video using the Webcam==
==Take a picture using the Webcam==
=Audio=
== 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
<audio controls
src="http://media.w3.org/2010/07/bunny/04-Death_Becomes_Fur.oga">
Your user agent does not support the HTML5 Audio element.
</audio>
See http://createjs.com/SoundJS
=== Warning ===
Volume is read-only on iOS.
Chrome on Android does not support autoplay as advised by the specification.
== Record sound using the microphone ==
=Input/Touch=