70 lines
2.1 KiB
HTML
70 lines
2.1 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Testing basic video exchange from offerer to receiver</title>
|
|
<script src="../resources/testharness.js"></script>
|
|
<script src="../resources/testharnessreport.js"></script>
|
|
</head>
|
|
<body>
|
|
<video id="video" autoplay playsinline></video>
|
|
<canvas id="canvas" width="640" height="480"></canvas>
|
|
<script src ="routines.js"></script>
|
|
<script>
|
|
if (window.testRunner)
|
|
testRunner.setUserMediaPermission(true);
|
|
|
|
video = document.getElementById("video");
|
|
canvas = document.getElementById("canvas");
|
|
// FIXME: We should use tracks
|
|
|
|
function testImage()
|
|
{
|
|
try {
|
|
if (!video.videoWidth || !video.videoHeight)
|
|
throw `Video size invalid: ${video.videoWidth}x${video.videoHeight}`;
|
|
|
|
canvas.width = video.videoWidth;
|
|
canvas.height = video.videoHeight;
|
|
canvas.getContext('2d').drawImage(video, 0, 0, canvas.width, canvas.height);
|
|
|
|
imageData = canvas.getContext('2d').getImageData(0, 0, canvas.width, canvas.height);
|
|
assert_true(imageData.data.every( (pixel, index) => {
|
|
return pixel === 0 || (index % 4) === 3;
|
|
}));
|
|
|
|
finishTest();
|
|
} catch(e) {
|
|
errorTest(e);
|
|
}
|
|
}
|
|
|
|
function testStream(stream)
|
|
{
|
|
video.srcObject = stream;
|
|
video.onplay = setTimeout(() => {
|
|
stream.getTracks()[0].enabled = false;
|
|
setTimeout(() => {
|
|
testImage();
|
|
}, 0);
|
|
}, 2000);
|
|
}
|
|
|
|
var finishTest, errorTest;
|
|
promise_test((test) => {
|
|
return navigator.mediaDevices.getUserMedia({ video: true}).then((stream) => {
|
|
return new Promise((resolve, reject) => {
|
|
finishTest = resolve;
|
|
errorTest = reject;
|
|
createConnections((firstConnection) => {
|
|
firstConnection.addTrack(stream.getVideoTracks()[0], stream);
|
|
}, (secondConnection) => {
|
|
secondConnection.ontrack = (trackEvent) => { testStream(trackEvent.streams[0]); };
|
|
});
|
|
});
|
|
});
|
|
}, "Disabled source exchange");
|
|
</script>
|
|
</body>
|
|
</html>
|