2017-01-27 04:54:09 +00:00
|
|
|
<!doctype html>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8">
|
2017-02-07 20:19:09 +00:00
|
|
|
<title>Testing basic video exchange from offerer to receiver</title>
|
2017-01-27 04:54:09 +00:00
|
|
|
<script src="../resources/testharness.js"></script>
|
|
|
|
|
<script src="../resources/testharnessreport.js"></script>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<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");
|
|
|
|
|
|
2018-12-22 02:14:31 +00:00
|
|
|
function grabFrameData(x, y, w, h)
|
2017-01-27 04:54:09 +00:00
|
|
|
{
|
2017-03-15 16:38:10 +00:00
|
|
|
canvas.width = video.videoWidth;
|
|
|
|
|
canvas.height = video.videoHeight;
|
2017-01-27 04:54:09 +00:00
|
|
|
|
2018-12-22 02:14:31 +00:00
|
|
|
canvas.getContext('2d').drawImage(video, x, y, w, h, x, y, w, h);
|
|
|
|
|
return canvas.getContext('2d').getImageData(x, y, w, h).data;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function testImage()
|
|
|
|
|
{
|
|
|
|
|
const data = grabFrameData(10, 325, 250, 1);
|
2017-01-27 04:54:09 +00:00
|
|
|
|
2017-03-15 16:38:10 +00:00
|
|
|
var index = 20;
|
|
|
|
|
assert_true(data[index] < 100);
|
|
|
|
|
assert_true(data[index + 1] < 100);
|
|
|
|
|
assert_true(data[index + 2] < 100);
|
2017-01-27 04:54:09 +00:00
|
|
|
|
2017-03-15 16:38:10 +00:00
|
|
|
index = 80;
|
|
|
|
|
assert_true(data[index] > 200);
|
|
|
|
|
assert_true(data[index + 1] > 200);
|
|
|
|
|
assert_true(data[index + 2] > 200);
|
2017-01-27 04:54:09 +00:00
|
|
|
|
2017-03-15 16:38:10 +00:00
|
|
|
index += 80;
|
|
|
|
|
assert_true(data[index] > 200);
|
|
|
|
|
assert_true(data[index + 1] > 200);
|
|
|
|
|
assert_true(data[index + 2] < 100);
|
2017-01-27 04:54:09 +00:00
|
|
|
}
|
|
|
|
|
|
2018-12-15 17:40:26 +00:00
|
|
|
var pc1, pc2;
|
|
|
|
|
promise_test(async (test) => {
|
2017-03-15 16:38:10 +00:00
|
|
|
if (window.testRunner)
|
|
|
|
|
testRunner.setUserMediaPermission(true);
|
|
|
|
|
|
2018-12-15 17:40:26 +00:00
|
|
|
const localStream = await navigator.mediaDevices.getUserMedia({video: {advanced: [{width:{min:640}}, {height:{min:480} } ]}});
|
2020-12-06 19:21:19 +00:00
|
|
|
const localStream2 = new MediaStream([localStream.getVideoTracks()[0]]);
|
2018-12-15 17:40:26 +00:00
|
|
|
if (window.internals)
|
|
|
|
|
assert_true(internals.pageMediaState().includes('HasActiveVideoCaptureDevice'), "Unexpected HasActiveVideoCaptureDevice");
|
|
|
|
|
const stream = await new Promise((resolve, reject) => {
|
|
|
|
|
createConnections((firstConnection) => {
|
|
|
|
|
pc1 = firstConnection;
|
2020-12-06 19:21:19 +00:00
|
|
|
const sender = firstConnection.addTrack(localStream.getVideoTracks()[0]);
|
|
|
|
|
sender.setStreams(localStream, localStream2);
|
2018-12-15 17:40:26 +00:00
|
|
|
}, (secondConnection) => {
|
|
|
|
|
pc2 = secondConnection;
|
|
|
|
|
secondConnection.ontrack = (trackEvent) => {
|
|
|
|
|
assert_true(trackEvent.track instanceof MediaStreamTrack);
|
|
|
|
|
assert_true(trackEvent.receiver instanceof RTCRtpReceiver);
|
|
|
|
|
assert_true(Array.isArray(trackEvent.streams), "Array.isArray() should return true");
|
|
|
|
|
assert_true(Object.isFrozen(trackEvent.streams), "Object.isFrozen() should return true");
|
2020-12-06 19:21:19 +00:00
|
|
|
assert_equals(trackEvent.streams.length, 2);
|
|
|
|
|
assert_equals(trackEvent.streams[0].id, localStream.id, "first stream id");
|
|
|
|
|
assert_equals(trackEvent.streams[1].id, localStream2.id, "second stream id");
|
2018-12-15 17:40:26 +00:00
|
|
|
assert_equals(trackEvent.track.id, localStream.getVideoTracks()[0].id);
|
|
|
|
|
assert_equals(trackEvent.track, trackEvent.streams[0].getVideoTracks()[0]);
|
|
|
|
|
resolve(trackEvent.streams[0]);
|
|
|
|
|
};
|
2017-01-27 04:54:09 +00:00
|
|
|
});
|
2018-12-15 17:40:26 +00:00
|
|
|
setTimeout(() => reject("Test timed out"), 5000);
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
video.srcObject = stream;
|
|
|
|
|
await video.play();
|
|
|
|
|
|
|
|
|
|
testImage();
|
2017-01-27 04:54:09 +00:00
|
|
|
}, "Basic video exchange");
|
2018-12-15 17:40:26 +00:00
|
|
|
|
2018-12-22 02:14:31 +00:00
|
|
|
function getCircleImageData()
|
2018-12-15 17:40:26 +00:00
|
|
|
{
|
2018-12-22 02:14:31 +00:00
|
|
|
return grabFrameData(450, 100, 150, 100);
|
2018-12-15 17:40:26 +00:00
|
|
|
}
|
|
|
|
|
|
2018-12-22 02:14:31 +00:00
|
|
|
async function checkVideoIsUpdated(shouldBeUpdated, count, referenceData)
|
2018-12-15 17:40:26 +00:00
|
|
|
{
|
2018-12-22 02:14:31 +00:00
|
|
|
if (count === undefined)
|
|
|
|
|
count = 0;
|
|
|
|
|
else if (count >= 20)
|
|
|
|
|
return Promise.reject("checkVideoIsUpdated timed out :" + shouldBeUpdated + " " + count);
|
2018-12-15 17:40:26 +00:00
|
|
|
|
2018-12-22 02:14:31 +00:00
|
|
|
if (referenceData === undefined)
|
|
|
|
|
referenceData = getCircleImageData();
|
2018-12-15 17:40:26 +00:00
|
|
|
|
2018-12-22 02:14:31 +00:00
|
|
|
await waitFor(200);
|
|
|
|
|
const newData = getCircleImageData();
|
2018-12-15 17:40:26 +00:00
|
|
|
|
2018-12-22 02:14:31 +00:00
|
|
|
if (shouldBeUpdated === (JSON.stringify(referenceData) !== JSON.stringify(newData)))
|
2018-12-15 17:40:26 +00:00
|
|
|
return;
|
|
|
|
|
|
2018-12-22 02:14:31 +00:00
|
|
|
await checkVideoIsUpdated(shouldBeUpdated, ++count, newData);
|
2018-12-15 17:40:26 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
promise_test(async (test) => {
|
2018-12-22 02:14:31 +00:00
|
|
|
const sender = pc1.getSenders()[0];
|
|
|
|
|
let p = sender.getParameters();
|
|
|
|
|
p.encodings[0].active = false;
|
|
|
|
|
await sender.setParameters(p);
|
|
|
|
|
|
|
|
|
|
assert_false(sender.getParameters().encodings[0].active, "encodings[0].active should be false");
|
2018-12-15 17:40:26 +00:00
|
|
|
|
2018-12-22 02:14:31 +00:00
|
|
|
await checkVideoIsUpdated(false);
|
2018-12-15 17:40:26 +00:00
|
|
|
}, "Call setParameters to disable sending a given encoding");
|
|
|
|
|
|
|
|
|
|
promise_test(async (test) => {
|
2018-12-22 02:14:31 +00:00
|
|
|
const sender = pc1.getSenders()[0];
|
|
|
|
|
let p = sender.getParameters();
|
|
|
|
|
p.encodings[0].active = true;
|
|
|
|
|
await sender.setParameters(p);
|
|
|
|
|
|
|
|
|
|
assert_true(sender.getParameters().encodings[0].active, "encodings[0].active should be true");
|
2018-12-15 17:40:26 +00:00
|
|
|
|
2018-12-22 02:14:31 +00:00
|
|
|
await checkVideoIsUpdated(true);
|
2018-12-15 17:40:26 +00:00
|
|
|
}, "Call setParameters to reenable sending a given encoding");
|
2020-07-29 18:11:14 +00:00
|
|
|
|
|
|
|
|
promise_test(async (test) => {
|
|
|
|
|
const sender = pc1.getSenders()[0];
|
|
|
|
|
let p = sender.getParameters();
|
|
|
|
|
p.encodings[0].scaleResolutionDownBy = 2;
|
|
|
|
|
await sender.setParameters(p);
|
|
|
|
|
|
|
|
|
|
assert_equals(sender.getParameters().encodings[0].scaleResolutionDownBy, 2, "encodings[0].scaleResolutionDownBy should be 2");
|
|
|
|
|
assert_equals(video.videoWidth, 640);
|
|
|
|
|
assert_equals(video.videoHeight, 480);
|
|
|
|
|
|
|
|
|
|
let counter = 0;
|
|
|
|
|
while (++counter < 50 && video.videoWidth == 640)
|
|
|
|
|
await waitFor(200);
|
|
|
|
|
|
|
|
|
|
assert_equals(video.videoWidth, 320);
|
|
|
|
|
assert_equals(video.videoHeight, 240);
|
|
|
|
|
}, "Call setParameters to reduce size by two");
|
2017-01-27 04:54:09 +00:00
|
|
|
</script>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
