93 lines
3.4 KiB
HTML
93 lines
3.4 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>media-source-monitor-playing-event</title>
|
|
<script src="mock-media-source.js"></script>
|
|
<script src="../video-test.js"></script>
|
|
<script>
|
|
var source;
|
|
var sourceBuffer;
|
|
var initSegment;
|
|
var sample;
|
|
var handleVideoEvents = [
|
|
"loadstart",
|
|
"waiting",
|
|
"loadedmetadata",
|
|
"loadeddata",
|
|
"canplay",
|
|
"canplaythrough",
|
|
"pause",
|
|
"ended",
|
|
];
|
|
var readyStateString = [
|
|
"HAVE_NOTHING",
|
|
"HAVE_METADATA",
|
|
"HAVE_CURRENT_DATA",
|
|
"HAVE_FUTURE_DATA",
|
|
"HAVE_ENOUGH_DATA"
|
|
];
|
|
|
|
if (window.internals)
|
|
internals.initializeMockMediaSource();
|
|
|
|
window.addEventListener('load', async() => {
|
|
findMediaElement();
|
|
|
|
for (var i = 0; i < handleVideoEvents.length ; i++)
|
|
waitForEvent(handleVideoEvents[i]);
|
|
|
|
source = new MediaSource();
|
|
testExpected('source.readyState', 'closed');
|
|
|
|
const videoSource = document.createElement('source');
|
|
videoSource.type = 'video/mock; codecs=mock';
|
|
videoSource.src = URL.createObjectURL(source);
|
|
video.appendChild(videoSource);
|
|
await waitFor(source, 'sourceopen');
|
|
|
|
sourceBuffer = source.addSourceBuffer("video/mock; codecs=mock");
|
|
initSegment = makeAInit(100, [makeATrack(1, 'mock', TRACK_KIND.VIDEO)]);
|
|
run('sourceBuffer.appendBuffer(initSegment)');
|
|
await waitFor(sourceBuffer, 'updateend');
|
|
|
|
consoleWrite('video.readyState : ' + readyStateString[video.readyState]);
|
|
sample = makeASample(0, 0, 1, 1, 1, SAMPLE_FLAG.SYNC, 1);
|
|
// This append changes ready state to HAVE_FUTURE_DATA.
|
|
run('sourceBuffer.appendBuffer(sample)');
|
|
await waitFor(sourceBuffer, 'updateend');
|
|
|
|
consoleWrite('video.readyState : ' + readyStateString[video.readyState]);
|
|
sample = makeASample(1, 1, 9, 1, 1, SAMPLE_FLAG.SYNC, 1);
|
|
// This append changes the ready state to HAVE_ENOUGH_DATA and fires the playing event.
|
|
run('sourceBuffer.appendBuffer(sample)');
|
|
await Promise.all([waitFor(mediaElement, 'playing'), waitFor(sourceBuffer, 'updateend')]);
|
|
|
|
consoleWrite('video.readyState : ' + readyStateString[video.readyState]);
|
|
// This remove changes ready state to HAVE_METADATA.
|
|
run('sourceBuffer.remove(0,10)');
|
|
await waitFor(sourceBuffer, 'updateend');
|
|
|
|
await sleepFor(1000);
|
|
|
|
consoleWrite('video.readyState : ' + readyStateString[video.readyState]);
|
|
sample = makeASample(0, 0, 1, 1, 1, SAMPLE_FLAG.SYNC, 1);
|
|
run('sourceBuffer.appendBuffer(sample)');
|
|
await waitFor(sourceBuffer, 'updateend');
|
|
|
|
consoleWrite('video.readyState : ' + readyStateString[video.readyState]);
|
|
sample = makeASample(1, 1, 9, 1, 1, SAMPLE_FLAG.SYNC, 1);
|
|
// This append changes the ready state to HAVE_ENOUGH_DATA and fires the playing event.
|
|
run('sourceBuffer.appendBuffer(sample)');
|
|
await Promise.all([waitFor(mediaElement, 'playing'), waitFor(sourceBuffer, 'updateend')]);
|
|
|
|
consoleWrite('video.readyState : ' + readyStateString[video.readyState]);
|
|
endTest();
|
|
});
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<div>This test checks if the playing event fires when the ready state changes from HAVE_METADATA to HAVE_FUTURE_DATA or higher.</div>
|
|
<video autoplay></video>
|
|
</body>
|
|
</html>
|