blob: f904dc82f4c2d322c1a04d43cc8f5e194d9e75f6 [file] [log] [blame]
<!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>
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>