<!DOCTYPE HTML> <html> <head> <title>MSE: append initialization and media segment separately</title> <script src="/tests/SimpleTest/SimpleTest.js"></script> <script type="text/javascript" src="mediasource.js"></script> <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css" /> </head> <body> <pre id="test"> <script class="testbody" type="text/javascript"> SimpleTest.waitForExplicitFinish(); runWithMSE(async (ms, v) => { await once(ms, "sourceopen"); const sb = ms.addSourceBuffer("video/mp4"); const arrayBuffer = await fetchWithXHR("bipbop/bipbop2s.mp4"); sb.appendBuffer(new Uint8Array(arrayBuffer, 0, 1395)); v.play(); await once(sb, "updateend"); sb.appendBuffer(new Uint8Array(arrayBuffer, 1395)); await once(sb, "updateend"); ms.endOfStream(); await once(v, "ended"); // The bipbop video doesn't start at 0. The old MSE code adjust the // timestamps and ignore the audio track. The new one doesn't. isfuzzy(v.duration, 1.696, 0.166, "Video has correct duration"); isfuzzy(v.currentTime, 1.696, 0.166, "Video has played to end"); SimpleTest.finish(); }); </script> </pre> </body> </html>