1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
|
<!DOCTYPE html>
<html>
<head>
<title>Test appendWindowEnd and frame end timestamp rounding</title>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="mediasource-util.js"></script>
</head>
<body>
</body>
<script>
const fps = 24;
const frames_per_keyframe = 8;
const default_sample_duration = 512;
const earliest_presentation_time = 1024;
const frame0_offset = earliest_presentation_time / default_sample_duration;
// Presentation positions of the 8 frames in a segment are
// 0, 4, 2, 1, 3, 7, 6, 5.
let media;
promise_test(async t => {
media = await new Promise(
r => MediaSourceUtil.fetchManifestAndData(
t,
`mp4/test-v-128k-320x240-${fps}fps-${frames_per_keyframe}kfr-manifest.json`,
(type, data) => r({type, data})));
}, 'setup');
async function append_frames({t, last_frame_pos}) {
assert_implements_optional(MediaSource.isTypeSupported(media.type),
'type supported');
const v = document.createElement('video');
const v_watcher = new EventWatcher(t, v, ['error']);
document.body.appendChild(v);
const media_source = new MediaSource();
const media_source_watcher =
new EventWatcher(t, media_source, ['sourceopen']);
v.src = URL.createObjectURL(media_source);
await media_source_watcher.wait_for('sourceopen');
const source_buffer = media_source.addSourceBuffer(media.type);
assert_equals(source_buffer.mode, 'segments', 'source_buffer.mode');
const source_buffer_watcher =
new EventWatcher(t, source_buffer, ['updateend']);
// This is intentionally a sum of double precision representations of
// "presentation timestamp and frame duration" to match frame end timestamp
// in
// https://w3c.github.io/media-source/#sourcebuffer-coded-frame-processing
source_buffer.appendWindowEnd = last_frame_pos / fps + 1 / fps;
source_buffer.appendBuffer(media.data);
await source_buffer_watcher.wait_for('updateend');
assert_approx_equals(source_buffer.buffered.start(0),
frame0_offset / fps,
1e-6,
'source_buffer.buffered.start(0) after append');
assert_approx_equals(
source_buffer.buffered.end(source_buffer.buffered.length - 1),
source_buffer.appendWindowEnd,
1e-6,
'source_buffer.buffered.end() after append');
media_source.endOfStream();
assert_equals(media_source.duration,
source_buffer.buffered.end(source_buffer.buffered.length - 1),
'media_source.duration == buffered.end');
assert_equals(v.duration, media_source.duration,
'v.duration == media_source.duration');
};
// The first frame has presentation timestamp 2 frame durations after zero.
//
// The ninth frame has presentation timestamp 10 frame durations after zero
// and is a keyframe. The double precision sum of double presentation
// representations of its timestamp and frame duration is greater than the
// double precision representation of the tenth frame's timestamp.
// i.e 10/24 + 1/24 > 11/24, which would round down if rounded to
// nearest microseconds.
//
// The eighteenth frame has presentation timestamp 22 frame durations after
// zero. (Frames are not in presentation order.) It is immediately after a
// keyframe and so is found before the need random access point flag is set to
// true on applying appendWindowEnd. The double precision sum of double
// presentation representations of its timestamp and frame duration is less
// than the double precision representation of the tenth frame's timestamp.
// i.e 22/24 + 1/24 < 23/24, which would round down if rounded to nearest
// microseconds.
for (const last_frame_pos of [10, 22]) {
promise_test(
t => append_frames({t, last_frame_pos}),
`last frame at ${last_frame_pos}`);
}
</script>
</html>
|
