Line 1: |
Line 1: |
− | 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= |