195 lines
6.9 KiB
HTML
195 lines
6.9 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>
|
|
<script src="routines.js"></script>
|
|
</head>
|
|
<body>
|
|
<div id="log"></div>
|
|
<video id="video" autoplay=""></video>
|
|
<canvas id="canvas" width="640" height="480"></canvas>
|
|
<script src ="routines.js"></script>
|
|
<script>
|
|
video = document.getElementById("video");
|
|
canvas = document.getElementById("canvas");
|
|
|
|
function grabImagePixels()
|
|
{
|
|
canvas.width = video.videoWidth;
|
|
canvas.height = video.videoHeight;
|
|
canvas.getContext('2d').drawImage(video, 0, 0, canvas.width, canvas.height);
|
|
|
|
imageData = canvas.getContext('2d').getImageData(20, 20, 2, 2);
|
|
return imageData.data;
|
|
}
|
|
|
|
async function testFrontCameraImage(counter)
|
|
{
|
|
if (!counter)
|
|
counter = 0;
|
|
|
|
if (isVideoBlack(canvas, video, 20, 20, 2 ,2))
|
|
return;
|
|
|
|
if (counter >= 20)
|
|
return Promise.reject("testFrontCameraImage timed out");
|
|
|
|
await waitFor(50);
|
|
return testFrontCameraImage(++counter);
|
|
}
|
|
|
|
function isBetween100And200(value)
|
|
{
|
|
return data[0] > 100 && data[0] < 200;
|
|
}
|
|
|
|
async function testBackCameraImage(counter)
|
|
{
|
|
if (!counter)
|
|
counter = 0;
|
|
|
|
data = grabImagePixels();
|
|
|
|
if(isBetween100And200(data[0]) && isBetween100And200(data[1]) && isBetween100And200(data[2]))
|
|
return;
|
|
|
|
if (counter >= 20)
|
|
return Promise.reject("testFrontCameraImage timed out");
|
|
|
|
await waitFor(50);
|
|
return testBackCameraImage(++counter);
|
|
}
|
|
|
|
promise_test((test) => {
|
|
if (window.testRunner)
|
|
testRunner.setUserMediaPermission(true);
|
|
|
|
var sender;
|
|
var frontStream;
|
|
var backStream;
|
|
return navigator.mediaDevices.getUserMedia({ video: { facingMode: { exact: ["user"] } } }).then((stream) => {
|
|
frontStream = stream;
|
|
return new Promise((resolve, reject) => {
|
|
createConnections((firstConnection) => {
|
|
sender = firstConnection.addTrack(frontStream.getVideoTracks()[0], frontStream);
|
|
}, (secondConnection) => {
|
|
secondConnection.ontrack = (trackEvent) => {
|
|
resolve(trackEvent.streams[0]);
|
|
};
|
|
});
|
|
setTimeout(() => reject("Test timed out"), 5000);
|
|
});
|
|
}).then((remoteStream) => {
|
|
video.srcObject = remoteStream;
|
|
return video.play();
|
|
}).then(() => {
|
|
return testFrontCameraImage();
|
|
}).then(() => {
|
|
return navigator.mediaDevices.getUserMedia({ video: { facingMode: { exact: ["environment"] } } });
|
|
}).then((stream) => {
|
|
backStream = stream;
|
|
var currentTrack = sender.track;
|
|
promise = sender.replaceTrack(backStream.getVideoTracks()[0]);
|
|
assert_true(currentTrack === sender.track);
|
|
return promise;
|
|
}).then(() => {
|
|
assert_true(sender.track === backStream.getVideoTracks()[0]);
|
|
return testBackCameraImage();
|
|
});
|
|
}, "Switching from front to back camera");
|
|
|
|
var didReplaceTrack = false;
|
|
promise_test((test) => {
|
|
if (window.testRunner)
|
|
testRunner.setUserMediaPermission(true);
|
|
|
|
var sender;
|
|
var frontStream;
|
|
var backStream;
|
|
|
|
return navigator.mediaDevices.getUserMedia({ video: { width: 640, height: 480, facingMode: { exact: ["user"] } } }).then((stream) => {
|
|
frontStream = stream;
|
|
assert_true(frontStream.getVideoTracks()[0].getSettings().height === 480, "frontStream should be big");
|
|
return new Promise((resolve, reject) => {
|
|
createConnections((firstConnection) => {
|
|
sender = firstConnection.addTrack(frontStream.getVideoTracks()[0], frontStream);
|
|
firstConnection.addEventListener('negotiationneeded', test.step_func(() => {
|
|
assert_false(didReplaceTrack, 'negotiationeeded should not be called after replacing an ongoing track');
|
|
}));
|
|
}, (secondConnection) => {
|
|
secondConnection.ontrack = (trackEvent) => {
|
|
resolve(trackEvent.streams[0]);
|
|
};
|
|
});
|
|
setTimeout(() => reject("Test timed out"), 5000);
|
|
});
|
|
}).then((remoteStream) => {
|
|
video.srcObject = remoteStream;
|
|
return video.play();
|
|
}).then(() => {
|
|
return testFrontCameraImage();
|
|
}).then(() => {
|
|
return navigator.mediaDevices.getUserMedia({ video: { width: 320, height: 240, facingMode: { exact: ["environment"] } } });
|
|
}).then((stream) => {
|
|
backStream = stream;
|
|
assert_true(backStream.getVideoTracks()[0].getSettings().height === 240, "backStream should be small");
|
|
didReplaceTrack = true;
|
|
return sender.replaceTrack(backStream.getVideoTracks()[0]);
|
|
}).then(() => {
|
|
return testBackCameraImage();
|
|
});
|
|
}, "Switching from front to back camera, with lower resolution");
|
|
|
|
promise_test((test) => {
|
|
if (window.testRunner)
|
|
testRunner.setUserMediaPermission(true);
|
|
|
|
var sender;
|
|
var frontStream;
|
|
var backStream;
|
|
|
|
return navigator.mediaDevices.getUserMedia({ video: { width: 320, height: 240, facingMode: { exact: ["user"] } } }).then((stream) => {
|
|
frontStream = stream;
|
|
assert_true(frontStream.getVideoTracks()[0].getSettings().height === 240, "front stream should be small");
|
|
}).then(() => {
|
|
return new Promise((resolve, reject) => {
|
|
createConnections((firstConnection) => {
|
|
sender = firstConnection.addTrack(frontStream.getVideoTracks()[0], frontStream);
|
|
}, (secondConnection) => {
|
|
secondConnection.ontrack = (trackEvent) => {
|
|
resolve(trackEvent.streams[0]);
|
|
};
|
|
});
|
|
setTimeout(() => reject("Test timed out"), 5000);
|
|
});
|
|
}).then((remoteStream) => {
|
|
video.srcObject = remoteStream;
|
|
return video.play();
|
|
}).then(() => {
|
|
return testFrontCameraImage();
|
|
}).then(() => {
|
|
return navigator.mediaDevices.getUserMedia({ video: { width: 640, height: 480 , facingMode: { exact: ["environment"] } } });
|
|
}).then((stream) => {
|
|
backStream = stream;
|
|
assert_true(backStream.getVideoTracks()[0].getSettings().height === 480, "back stream should be big");
|
|
return sender.replaceTrack(backStream.getVideoTracks()[0]);
|
|
}).then(() => {
|
|
return testBackCameraImage();
|
|
});
|
|
|
|
}, "Switching from front to back camera, with higher resolution");
|
|
|
|
promise_test(async (test) => {
|
|
const stream = await navigator.mediaDevices.getUserMedia({ video: true });
|
|
const pc = new RTCPeerConnection();
|
|
pc.addTransceiver("video", {direction: "sendonly"});
|
|
const sender = pc.addTrack(stream.getVideoTracks()[0], stream);
|
|
await sender.replaceTrack(stream.getVideoTracks()[0].clone());
|
|
}, "Replace a track for a sender created by addTransceiver and used by addTrack");
|
|
</script>
|
|
</body>
|
|
</html>
|