| <!DOCTYPE html> |
| <html> |
| <head> |
| <title>media-source-seek-unbuffered</title> |
| <script src="media-source-loader.js"></script> |
| <script src="../video-test.js"></script> |
| <script> |
| var loader; |
| var source; |
| var sourceBuffer; |
| |
| function runTest() { |
| findMediaElement(); |
| |
| loader = new MediaSourceLoader('content/test-fragmented-manifest.json'); |
| loader.onload = mediaDataLoaded; |
| loader.onerror = mediaDataLoadingFailed; |
| } |
| |
| const sleep = (milliseconds) => { |
| return new Promise(resolve => setTimeout(resolve, milliseconds)) |
| } |
| |
| function mediaDataLoadingFailed() { |
| failTest('Media data loading failed'); |
| } |
| |
| function mediaDataLoaded() { |
| source = new MediaSource(); |
| waitForEvent('sourceopen', sourceOpen, false, false, source); |
| waitForEventAndFail('error'); |
| run('video.src = URL.createObjectURL(source)'); |
| } |
| |
| function sourceOpen() { |
| run('source.duration = loader.duration()'); |
| run('sourceBuffer = source.addSourceBuffer(loader.type())'); |
| waitForEventOn(sourceBuffer, 'update', sourceInitialized, false, true); |
| run('sourceBuffer.appendBuffer(loader.initSegment())'); |
| } |
| |
| function sourceInitialized() { |
| waitForEventOn(video, 'seeked', videoSeeked, false, true); |
| consoleWrite('Seek and append a media segment.') |
| run('video.currentTime = 0.8'); |
| run('sourceBuffer.appendBuffer(loader.concatenateMediaSegments([loader.mediaSegment(0), loader.mediaSegment(1)]))'); |
| } |
| |
| var oldCurrentTime; |
| |
| async function videoSeeked() { |
| run('sourceBuffer.remove(0.5, 2)'); |
| await video.play(); |
| oldCurrentTime = video.currentTime; |
| await sleep(100); |
| testExpected('oldCurrentTime <= video.currentTime' , true); |
| endTest(); |
| } |
| </script> |
| </head> |
| <body onload="runTest()"> |
| <div> |
| This tests that when seeking and play into unbuffered time, currentTime doesn't appear to go backward. |
| </div> |
| <video controls></video> |
| </body> |
| </html> |