test_PlayEventsAutoPlaying.html (2075B)
1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <title>MSE: basic functionality</title> 5 <script src="/tests/SimpleTest/SimpleTest.js"></script> 6 <script type="text/javascript" src="mediasource.js"></script> 7 <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css" /> 8 </head> 9 <body> 10 <pre id="test"> 11 <script class="testbody" type="text/javascript"> 12 13 SimpleTest.waitForExplicitFinish(); 14 15 // This test checks that readyState is properly set and the appropriate events are being fired accordingly: 16 // 1. Ensure that play/playing aren't fired before any media data been added. 17 // 2. Load 1.6s of data and ensure that canplay, play and playing events are fired. 18 19 runWithMSE(async (ms, el) => { 20 el.controls = true; 21 el.autoplay = true; 22 const eventCounts = { play: 0, playing: 0 }; 23 await once(ms, "sourceopen"); 24 logEvents(el); 25 ok(true, "Receive a sourceopen event"); 26 27 const forbiddenEvents = e => { 28 ok(el.readyState >= el.HAVE_FUTURE_DATA, "Must not have received event too early"); 29 is(eventCounts[e.type], 0, "event should have only be fired once"); 30 eventCounts[e.type]++; 31 }; 32 el.addEventListener("play", forbiddenEvents); 33 el.addEventListener("playing", forbiddenEvents); 34 35 const videosb = ms.addSourceBuffer("video/mp4"); 36 el.addEventListener("error", e => { 37 ok(false, `should not fire ${e.type} event`); 38 SimpleTest.finish(); 39 }); 40 is(el.readyState, el.HAVE_NOTHING, "readyState is HAVE_NOTHING"); 41 let p = once(el, "loadedmetadata"); 42 await fetchAndLoad(videosb, "bipbop/bipbop_video", ["init"], ".mp4"); 43 await p; 44 ok(true, "got loadedmetadata event"); 45 // We're only adding 1.6s worth of data, not enough for readyState to change to HAVE_ENOUGH_DATA 46 // So we end the media source so that all the playable data is available. 47 p = Promise.all(["loadeddata", "canplay", "play", "playing", "ended"].map(e => once(el, e))); 48 await fetchAndLoad(videosb, "bipbop/bipbop_video", range(1, 3), ".m4s"); 49 ms.endOfStream(); 50 await p; 51 ok(true, "got all required event"); 52 SimpleTest.finish(); 53 }); 54 55 </script> 56 </pre> 57 </body> 58 </html>