mirror of
https://repo.dactyloidae.xyz/Dactyloidae/UXP.git
synced 2026-09-24 17:37:30 +09:00
130 lines
4.4 KiB
HTML
130 lines
4.4 KiB
HTML
|
<!DOCTYPE HTML>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<script type="application/javascript" src="/tests/dom/canvas/test/captureStream_common.js"></script>
|
||
|
|
<script type="application/javascript" src="mediaStreamPlayback.js"></script>
|
||
|
|
<script type="application/javascript" src="head.js"></script>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<pre id="test">
|
||
|
|
<script>
|
||
|
|
|
||
|
|
createHTML({
|
||
|
|
bug: "1259788",
|
||
|
|
title: "Test CaptureStream video content on HTMLMediaElement playing a gUM MediaStream",
|
||
|
|
visible: true
|
||
|
|
});
|
||
|
|
|
||
|
|
var gUMVideoElement;
|
||
|
|
var captureStreamElement;
|
||
|
|
|
||
|
|
// We check a pixel somewhere away from the top left corner since
|
||
|
|
// MediaEngineDefault puts semi-transparent time indicators there.
|
||
|
|
const offsetX = 20;
|
||
|
|
const offsetY = 20;
|
||
|
|
const threshold = 16;
|
||
|
|
const pausedTimeout = 1000;
|
||
|
|
const h = new CaptureStreamTestHelper2D(50, 50);
|
||
|
|
|
||
|
|
var checkHasFrame = video => h.waitForPixel(video, offsetX, offsetY, px => {
|
||
|
|
let result = h.isOpaquePixelNot(px, h.black, threshold);
|
||
|
|
info("Checking that we have a frame, got [" +
|
||
|
|
Array.slice(px) + "]. Pass=" + result);
|
||
|
|
return result;
|
||
|
|
});
|
||
|
|
|
||
|
|
var checkVideoPlaying = video => checkHasFrame(video)
|
||
|
|
.then(() => {
|
||
|
|
let startPixel = { data: h.getPixel(video, offsetX, offsetY)
|
||
|
|
, name: "startcolor"
|
||
|
|
};
|
||
|
|
return h.waitForPixel(video, offsetX, offsetY, px => {
|
||
|
|
let result = h.isPixelNot(px, startPixel, threshold)
|
||
|
|
info("Checking playing, [" + Array.slice(px) + "] vs [" +
|
||
|
|
Array.slice(startPixel.data) + "]. Pass=" + result);
|
||
|
|
return result;
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
var checkVideoPaused = video => checkHasFrame(video)
|
||
|
|
.then(() => {
|
||
|
|
let startPixel = { data: h.getPixel(video, offsetX, offsetY)
|
||
|
|
, name: "startcolor"
|
||
|
|
};
|
||
|
|
return h.waitForPixel(video, offsetX, offsetY, px => {
|
||
|
|
let result = h.isOpaquePixelNot(px, startPixel, threshold);
|
||
|
|
info("Checking paused, [" + Array.slice(px) + "] vs [" +
|
||
|
|
Array.slice(startPixel.data) + "]. Pass=" + result);
|
||
|
|
return result;
|
||
|
|
}, pausedTimeout);
|
||
|
|
}).then(result => ok(!result, "Frame shouldn't change within " + pausedTimeout / 1000 + " seconds."));
|
||
|
|
|
||
|
|
runTest(() => getUserMedia({video: true, fake: true})
|
||
|
|
.then(stream => {
|
||
|
|
gUMVideoElement =
|
||
|
|
createMediaElement("video", "gUMVideo");
|
||
|
|
gUMVideoElement.srcObject = stream;
|
||
|
|
gUMVideoElement.play();
|
||
|
|
|
||
|
|
info("Capturing");
|
||
|
|
captureStreamElement =
|
||
|
|
createMediaElement("video", "captureStream");
|
||
|
|
captureStreamElement.srcObject = gUMVideoElement.mozCaptureStream();
|
||
|
|
captureStreamElement.play();
|
||
|
|
|
||
|
|
// Adding a dummy audio track to the stream will keep a consuming media
|
||
|
|
// element from ending.
|
||
|
|
// We could also solve it by repeatedly play()ing or autoplay, but then we
|
||
|
|
// wouldn't be sure the media element stopped rendering video because it
|
||
|
|
// went to the ended state or because there were no frames for the track.
|
||
|
|
let osc = createOscillatorStream(new AudioContext(), 1000);
|
||
|
|
captureStreamElement.srcObject.addTrack(osc.getTracks()[0]);
|
||
|
|
|
||
|
|
return checkVideoPlaying(captureStreamElement);
|
||
|
|
})
|
||
|
|
.then(() => {
|
||
|
|
info("Video flowing. Pausing.");
|
||
|
|
gUMVideoElement.pause();
|
||
|
|
|
||
|
|
return checkVideoPaused(captureStreamElement);
|
||
|
|
})
|
||
|
|
.then(() => {
|
||
|
|
info("Video stopped flowing. Playing.");
|
||
|
|
gUMVideoElement.play();
|
||
|
|
|
||
|
|
return checkVideoPlaying(captureStreamElement);
|
||
|
|
})
|
||
|
|
.then(() => {
|
||
|
|
info("Video flowing. Removing source.");
|
||
|
|
var stream = gUMVideoElement.srcObject;
|
||
|
|
gUMVideoElement.srcObject = null;
|
||
|
|
|
||
|
|
return checkVideoPaused(captureStreamElement).then(() => stream);
|
||
|
|
})
|
||
|
|
.then(stream => {
|
||
|
|
info("Video stopped flowing. Setting source.");
|
||
|
|
gUMVideoElement.srcObject = stream;
|
||
|
|
return checkVideoPlaying(captureStreamElement);
|
||
|
|
})
|
||
|
|
.then(() => {
|
||
|
|
info("Video flowing. Changing source by track manipulation. Remove first.");
|
||
|
|
var track = gUMVideoElement.srcObject.getTracks()[0];
|
||
|
|
gUMVideoElement.srcObject.removeTrack(track);
|
||
|
|
return checkVideoPaused(captureStreamElement).then(() => track);
|
||
|
|
})
|
||
|
|
.then(track => {
|
||
|
|
info("Video paused. Changing source by track manipulation. Add first.");
|
||
|
|
gUMVideoElement.srcObject.addTrack(track);
|
||
|
|
gUMVideoElement.play();
|
||
|
|
return checkVideoPlaying(captureStreamElement);
|
||
|
|
})
|
||
|
|
.then(() => {
|
||
|
|
gUMVideoElement.srcObject.getTracks().forEach(t => t.stop());
|
||
|
|
ok(true, "Test passed.");
|
||
|
|
})
|
||
|
|
.catch(e => ok(false, "Test failed: " + e + (e.stack ? "\n" + e.stack : ""))));
|
||
|
|
|
||
|
|
</script>
|
||
|
|
</pre>
|
||
|
|
</body>
|
||
|
|
</html>
|