| <!DOCTYPE html> |
| <html> |
| <head> |
| <title>mock-media-source</title> |
| <script src="mock-media-source.js"></script> |
| <script src="../video-test.js"></script> |
| <script> |
| var source; |
| var sourceBuffer; |
| var initSegment; |
| |
| if (window.internals) |
| internals.initializeMockMediaSource(); |
| |
| function runTest() { |
| findMediaElement(); |
| |
| source = new MediaSource(); |
| waitForEventOn(source, 'sourceopen', sourceOpen); |
| run('video.src = URL.createObjectURL(source)'); |
| } |
| |
| function sourceOpen() { |
| run('sourceBuffer = source.addSourceBuffer("video/mock; codecs=mock")'); |
| waitForEventOn(sourceBuffer, 'updateend', loadSamples, false, true); |
| initSegment = makeAInit(8, [makeATrack(1, 'mock', TRACK_KIND.VIDEO)]); |
| run('sourceBuffer.appendBuffer(initSegment)'); |
| } |
| |
| function loadSamples() { |
| const maximumGap = Math.floor(2002 / 24000 * 1000) / 1000; |
| |
| samples = concatenateSamples([ |
| makeASample( 0, 0, 1000 * (1 - maximumGap), 1000, 1, SAMPLE_FLAG.SYNC), |
| makeASample(1000, 1000, 1000 * (1 - maximumGap / 2), 1000, 1, SAMPLE_FLAG.NONE), |
| makeASample(2000, 2000, 1000 * (1 - maximumGap / 3), 1000, 1, SAMPLE_FLAG.NONE), |
| makeASample(3000, 3000, 1000, 1000, 1, SAMPLE_FLAG.NONE), |
| makeASample(4000, 4000, 1000 * (1 - maximumGap), 1000, 1, SAMPLE_FLAG.SYNC), |
| makeASample(5000, 5000, 1000 * (1 - maximumGap / 10), 1000, 1, SAMPLE_FLAG.NONE), |
| makeASample(6000, 6000, 1000 * (0.99), 1000, 1, SAMPLE_FLAG.NONE), |
| makeASample(7000, 7000, 1000, 1000, 1, SAMPLE_FLAG.NONE), |
| ]); |
| |
| waitForEventOn(sourceBuffer, 'updateend', checkBuffered, false, true); |
| run('sourceBuffer.appendBuffer(samples)'); |
| } |
| |
| function checkBuffered() { |
| testExpected('sourceBuffer.buffered.length', 1); |
| testExpected('sourceBuffer.buffered.start(0)', 0); |
| testExpected('sourceBuffer.buffered.end(0)', 8); |
| |
| run('video.play()'); |
| waitForEvent('ended', ended); |
| } |
| |
| function ended() { |
| testExpected('video.currentTime', 8); |
| endTest(); |
| } |
| |
| </script> |
| </head> |
| <body onload="runTest()"> |
| <div>This tests the SourceBuffer.buffered() API. This test will add 8 samples with a small gap (0.01s .. 0.083s) between each sample. The SourceBuffer should coalesce such small gaps to make a single contiguous range. The video element should also play continuously from the beginning to the end.</div> |
| <video></video> |
| </body> |
| </html> |
