Mercurial > hg > env-test-daniele
annotate johndyer-mediaelement-13fa20a/media/mediaelement.srt @ 25:4a4bd554b4c1 tip
Closing this sub branch.
author | Daniele Barchiesi <daniele.barchiesi@eecs.qmul.ac.uk> |
---|---|
date | Mon, 25 Mar 2013 14:02:54 +0000 |
parents | 032bc65ebafc |
children |
rev | line source |
---|---|
gyorgy@0 | 1 0 |
gyorgy@0 | 2 00:00:00,1 --> 00:00:04 |
gyorgy@0 | 3 HTML5 <video> and <audio> was supposed to be awesome, powerful, and fun. |
gyorgy@0 | 4 |
gyorgy@0 | 5 1 |
gyorgy@0 | 6 00:00:04 --> 00:00:07 |
gyorgy@0 | 7 But browser vendors couldn't agree on a codec |
gyorgy@0 | 8 |
gyorgy@0 | 9 2 |
gyorgy@0 | 10 00:00:07 --> 00:00:10 |
gyorgy@0 | 11 and older browsers don't support <video> at all. |
gyorgy@0 | 12 |
gyorgy@0 | 13 3 |
gyorgy@0 | 14 00:00:10 --> 00:00:12 |
gyorgy@0 | 15 This means <video src="myfile.mp4" /> doesn't work ... |
gyorgy@0 | 16 |
gyorgy@0 | 17 4 |
gyorgy@0 | 18 00:00:12 --> 00:00:14 |
gyorgy@0 | 19 until now. |
gyorgy@0 | 20 |
gyorgy@0 | 21 5 |
gyorgy@0 | 22 00:00:14 --> 00:00:18 |
gyorgy@0 | 23 Introducing MediaElement.js, an HTML5 <video> and <audio> player |
gyorgy@0 | 24 |
gyorgy@0 | 25 6 |
gyorgy@0 | 26 00:00:18 --> 00:00:21 |
gyorgy@0 | 27 that looks and works the same in every browser (even iPhone and Android). |
gyorgy@0 | 28 |
gyorgy@0 | 29 7 |
gyorgy@0 | 30 00:00:21 --> 00:00:24 |
gyorgy@0 | 31 For older browsers, it has custom Flash and Silverlight plugins |
gyorgy@0 | 32 |
gyorgy@0 | 33 8 |
gyorgy@0 | 34 00:00:24 --> 00:00:27 |
gyorgy@0 | 35 that fully replicate the HTML5 MediaElement API |
gyorgy@0 | 36 |
gyorgy@0 | 37 9 |
gyorgy@0 | 38 00:00:27 --> 00:00:30 |
gyorgy@0 | 39 so you can build a consistent control UI using just HTML and CSS. |
gyorgy@0 | 40 |
gyorgy@0 | 41 10 |
gyorgy@0 | 42 00:00:30 --> 00:00:33 |
gyorgy@0 | 43 MediaElement.js even supports newer standards |
gyorgy@0 | 44 |
gyorgy@0 | 45 11 |
gyorgy@0 | 46 00:00:33 --> 00:00:36 |
gyorgy@0 | 47 like the <track> element that enables the subtitles you're reading right now. |
gyorgy@0 | 48 |
gyorgy@0 | 49 12 |
gyorgy@0 | 50 00:00:36 --> 00:00:39 |
gyorgy@0 | 51 The subtitles can even be translated into any language using Google's Translation API. |
gyorgy@0 | 52 |
gyorgy@0 | 53 13 |
gyorgy@0 | 54 00:00:39 --> 00:00:42 |
gyorgy@0 | 55 As a bonus, the Flash and Silverlight fallbacks allow you to use FLV and WMV files. |
gyorgy@0 | 56 |
gyorgy@0 | 57 14 |
gyorgy@0 | 58 00:00:42 --> 00:00:45 |
gyorgy@0 | 59 Hope you like it. |
gyorgy@0 | 60 |
gyorgy@0 | 61 Come follow me at <a href="http://twitter.com/johndyer">twitter.com/johndyer</a> |