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
|
<!DOCTYPE HTML>
<html>
<head>
<title>Test playback of broadcast-like streams</title>
<script src="/tests/SimpleTest/SimpleTest.js"></script>
<link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css" />
<script type="text/javascript" src="manifest.js"></script>
</head>
<body>
<audio controls id=a style="width: 100%;"></audio>
<script type="module">
SimpleTest.waitForExplicitFinish();
const streams = [
// An mp3 bytestream consisting of a complete mp3 file with a XING
// header, that has duration information, but served without a
// `Content-Length`. It is followed by a second mp3 bytestream that
// also has a XING header. While some software are able to play the
// entire file, Web browser don't.
{ src: "two-xing-header-no-content-length.mp3", duration: 1 },
// An mp3 bytestream consisting of a complete mp3 file with a XING
// header, that has duration information, but served without a
// `Content-Length` header. It is followed by a second mp3 bytestream that
// doesn't have a XING header.
// This scenario is typical in radio broadcast scenario, when the
// live-stream has a pre-recorded prelude. The reported duration,
// after "ended" has been received, is the duration of playback.
{ src: "single-xing-header-no-content-length.mp3", duration: 11.050839},
];
var audio = window.a;
// Prevent ESLint error about top-level await
(async function () {
for (let i of streams) {
audio.src = i.src;
audio.load();
audio.play();
audio.onerror = (e) => {
ok(false, `${i}: error: ${e.message}}`);
};
await once(audio, "ended");
ok(true, `${i}: playback through the end`);
is(audio.duration, i.duration, "Duration at end is correct");
is(audio.currentTime, i.duration, "Current time at end is correct");
}
SimpleTest.finish();
})()
</script>
</body>
</html>
|
