summaryrefslogtreecommitdiffstats
path: root/dom/media/test/test_streams_individual_pause.html
diff options
context:
space:
mode:
Diffstat (limited to 'dom/media/test/test_streams_individual_pause.html')
-rw-r--r--dom/media/test/test_streams_individual_pause.html79
1 files changed, 79 insertions, 0 deletions
diff --git a/dom/media/test/test_streams_individual_pause.html b/dom/media/test/test_streams_individual_pause.html
new file mode 100644
index 000000000..a6abc65ff
--- /dev/null
+++ b/dom/media/test/test_streams_individual_pause.html
@@ -0,0 +1,79 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+ <title>Test for bug 1073406. Pausing a video element should not pause another playing the same stream.</title>
+ <script type="text/javascript" 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>
+<video id="video1" autoplay></video>
+<video id="video2" autoplay></video>
+<script class="testbody" type="text/javascript">
+SimpleTest.waitForExplicitFinish();
+
+var getVideoImagePixelData = function(v) {
+ var canvas = document.createElement("canvas");
+ var ctx = canvas.getContext("2d");
+ ctx.drawImage(v, 0, 0);
+ var imgData = ctx.getImageData(canvas.width/2, canvas.height/2, 1, 1).data;
+ return "r" + imgData[0] +
+ "g" + imgData[1] +
+ "b" + imgData[2] +
+ "a" + imgData[3];
+}
+
+// This test does not appear to work with the "Dummy video source" provided on
+// linux through the "media.video_loopback_dev" pref in the tree test environment.
+// We force a stream always by requesting `fake: true` here.
+
+navigator.mozGetUserMedia({video: true, fake: true },
+ function(stream) {
+ var stream = stream;
+ var video1 = document.getElementById('video1');
+ var video2 = document.getElementById('video2');
+
+ var src = URL.createObjectURL(stream);
+ video1.src = src;
+ video2.src = src;
+
+ video1.onplaying = () => video1.pause();
+
+ var v1PausedImageData;
+ var v2PausedImageData;
+
+ video1.onpause = function() {
+ v1PausedImageData = getVideoImagePixelData(video1);
+ v2PausedImageData = getVideoImagePixelData(video2);
+ v2TimesToTest = 3;
+ video2.ontimeupdate = function() {
+ if (getVideoImagePixelData(video2) === v2PausedImageData) {
+ // Wait until video2 has progressed it's video.
+ // If it doesn't, we'll time out and fail.
+ info("video2 has not progressed. Waiting.");
+ return;
+ }
+
+ if (--v2TimesToTest > 0) {
+ // Wait for a while to be sure video1 would have gotten a frame
+ // if it is playing.
+ info("video2 progressed OK");
+ return;
+ }
+
+ video2.ontimeupdate = null;
+ ok(true, "video2 is playing");
+ isnot(video1.currentTime, video2.currentTime,
+ "v1 and v2 should not be at the same currentTime");
+ is(v1PausedImageData, getVideoImagePixelData(video1),
+ "video1 video frame should not have updated since video1 paused");
+ SimpleTest.finish();
+ };
+ };
+}, function(error) {
+ ok(false, "getUserMedia should not fail, got " + error.name);
+ SimpleTest.finish();
+});
+</script>
+</body>
+</html>