1 files changed, 52 insertions, 0 deletions
diff --git a/dom/media/test/test_mp3_broadcast.html b/dom/media/test/test_mp3_broadcast.html
new file mode 100644
index 0000000000..7922d8b4b6
--- /dev/null
+++ b/dom/media/test/test_mp3_broadcast.html
@@ -0,0 +1,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>
+