| OLD | NEW |
| (Empty) |
| 1 <!-- | |
| 2 This HTML file contains a div for a player which is used for event testing | |
| 3 (chrome/test/functional/media_event_*.py). | |
| 4 The query string should contain the following information: | |
| 5 tag (required): HTML video/audio tag. | |
| 6 video file (required): video file name. | |
| 7 t (optional): if specified, disables the media cache. | |
| 8 actions (optional): add a list of triples (time, action, action_argument) | |
| 9 delimited by '|'. For example, '3000|seek|5000' means 'at second 3, seek | |
| 10 to second 5'. Possible actions are 'play', 'pause', 'seek', or | |
| 11 'ratechange'. Time and action_arugment is in milliseconds. 'play' and | |
| 12 'pause' should have dummy action_argument, which is ignored. | |
| 13 | |
| 14 Example: "media_event.html?tag=video&media=foo.webm&t=t&actions=3000|seek|5000" | |
| 15 --> | |
| 16 <html> | |
| 17 <body> | |
| 18 <div id='player_container'></div> | |
| 19 <script type='text/javascript' src='player.js'></script> | |
| 20 <script> | |
| 21 var events = ['abort', 'canplay', 'canplaythrough', 'durationchange', 'emptied', | |
| 22 'ended', 'error', 'load', 'loadeddata', 'loadedmetadata', | |
| 23 'loadstart', 'pause', 'play', 'playing', 'progress', | |
| 24 'ratechange', 'seeked', 'seeking', 'stalled', 'suspend', | |
| 25 'timeupdate', 'volumechange', 'waiting', | |
| 26 'cuechange', 'enter', 'exit', 'change']; | |
| 27 | |
| 28 var startTime = 0 | |
| 29 | |
| 30 var table = document.createElement('table'); | |
| 31 table.id = 'event'; | |
| 32 document.body.appendChild(table); | |
| 33 | |
| 34 function recordEventTime(evt) { | |
| 35 // Record the time when an event happens. | |
| 36 var time = new Date().getTime() - startTime | |
| 37 document.getElementById(evt.type).innerHTML += time + ' ' | |
| 38 } | |
| 39 | |
| 40 var player = document.getElementById('player'); | |
| 41 | |
| 42 for (var event in events) { | |
| 43 var row = document.createElement('tr'); | |
| 44 var eventNameColumn = document.createElement('td'); | |
| 45 eventNameColumn.innerHTML = events[event]; | |
| 46 var eventValueColumn = document.createElement('td'); | |
| 47 eventValueColumn.innerHTML = ''; | |
| 48 eventValueColumn.id = events[event]; | |
| 49 row.appendChild(eventNameColumn); | |
| 50 row.appendChild(eventValueColumn); | |
| 51 table.appendChild(row) | |
| 52 player.addEventListener(events[event], recordEventTime, false); | |
| 53 } | |
| 54 | |
| 55 if (ok) { | |
| 56 startTime = new Date().getTime(); | |
| 57 player.play(); | |
| 58 } | |
| 59 </script> | |
| 60 </body> | |
| 61 </html> | |
| 62 | |
| OLD | NEW |