2017-03-15 16:38:10 +00:00
|
|
|
<!doctype html>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8">
|
2017-06-19 23:53:00 +00:00
|
|
|
<title>Testing muting video</title>
|
2017-03-15 16:38:10 +00:00
|
|
|
<script src="../resources/testharness.js"></script>
|
|
|
|
|
<script src="../resources/testharnessreport.js"></script>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
2017-05-02 01:33:37 +00:00
|
|
|
<div>Video should be running, go to black and running.</div>
|
|
|
|
|
<div>Following, should be a snapshot of the video, a black frame and a snapshot of the video.</div>
|
|
|
|
|
<video id="video" autoplay playsInline width="320" height="240"></video>
|
|
|
|
|
<canvas id="canvas1" width="320" height="240"></canvas>
|
|
|
|
|
<canvas id="canvas2" width="320" height="240"></canvas>
|
|
|
|
|
<canvas id="canvas3" width="320" height="240"></canvas>
|
2017-03-15 16:38:10 +00:00
|
|
|
<script src ="routines.js"></script>
|
|
|
|
|
<script>
|
|
|
|
|
var track;
|
2017-05-16 00:41:50 +00:00
|
|
|
var remoteTrack;
|
2017-06-19 23:53:00 +00:00
|
|
|
var receivingConnection;
|
2017-03-15 16:38:10 +00:00
|
|
|
promise_test((test) => {
|
|
|
|
|
if (window.testRunner)
|
|
|
|
|
testRunner.setUserMediaPermission(true);
|
|
|
|
|
|
2017-05-02 01:33:37 +00:00
|
|
|
return navigator.mediaDevices.getUserMedia({video: {width: 320, height: 240, facingMode: "environment"}}).then((localStream) => {
|
2017-03-15 16:38:10 +00:00
|
|
|
return new Promise((resolve, reject) => {
|
2017-03-16 16:09:50 +00:00
|
|
|
track = localStream.getVideoTracks()[0];
|
|
|
|
|
|
2017-03-15 16:38:10 +00:00
|
|
|
createConnections((firstConnection) => {
|
2017-04-11 22:47:26 +00:00
|
|
|
firstConnection.addTrack(track, localStream);
|
2017-03-15 16:38:10 +00:00
|
|
|
}, (secondConnection) => {
|
2017-06-19 23:53:00 +00:00
|
|
|
receivingConnection = secondConnection;
|
2017-05-16 00:41:50 +00:00
|
|
|
secondConnection.ontrack = (trackEvent) => {
|
|
|
|
|
remoteTrack = trackEvent.track;
|
2017-06-19 23:53:00 +00:00
|
|
|
resolve(trackEvent.streams[0]);
|
2017-05-16 00:41:50 +00:00
|
|
|
};
|
2017-03-15 16:38:10 +00:00
|
|
|
});
|
|
|
|
|
setTimeout(() => reject("Test timed out"), 5000);
|
|
|
|
|
});
|
2017-03-16 16:09:50 +00:00
|
|
|
}).then((remoteStream) => {
|
|
|
|
|
video.srcObject = remoteStream;
|
2017-03-15 16:38:10 +00:00
|
|
|
return video.play();
|
|
|
|
|
});
|
2017-05-02 01:33:37 +00:00
|
|
|
}, "Setting video exchange");
|
|
|
|
|
|
2017-06-19 23:53:00 +00:00
|
|
|
promise_test(() => {
|
|
|
|
|
if (receivingConnection.connectionState === "connected")
|
|
|
|
|
return Promise.resolve();
|
|
|
|
|
return new Promise((resolve, reject) => {
|
|
|
|
|
receivingConnection.onconnectionstatechange = () => {
|
|
|
|
|
if (receivingConnection.connectionState === "connected")
|
|
|
|
|
resolve();
|
|
|
|
|
};
|
|
|
|
|
setTimeout(() => reject("Test timed out"), 5000);
|
|
|
|
|
});
|
|
|
|
|
}, "Ensuring connection state is connected");
|
|
|
|
|
|
2017-05-02 01:33:37 +00:00
|
|
|
promise_test((test) => {
|
2017-09-20 18:10:56 +00:00
|
|
|
return checkVideoBlack(false, canvas1, video);
|
2017-05-02 01:33:37 +00:00
|
|
|
}, "Track is enabled, video should not be black");
|
|
|
|
|
|
|
|
|
|
promise_test((test) => {
|
|
|
|
|
track.enabled = false;
|
2017-09-20 18:10:56 +00:00
|
|
|
return checkVideoBlack(true, canvas2, video);
|
2017-05-02 01:33:37 +00:00
|
|
|
}, "Track is disabled, video should be black");
|
|
|
|
|
|
2017-09-25 15:59:58 +00:00
|
|
|
async function getInboundRTPStatsNumberOfDecodedFrames(connection)
|
|
|
|
|
{
|
|
|
|
|
var report = await connection.getStats();
|
|
|
|
|
var framesDecoded;
|
|
|
|
|
report.forEach((statItem) => {
|
|
|
|
|
if (statItem.type === "inbound-rtp")
|
|
|
|
|
framesDecoded = statItem.framesDecoded;
|
2017-05-16 00:41:50 +00:00
|
|
|
});
|
2017-09-25 15:59:58 +00:00
|
|
|
return framesDecoded;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
async function testFrameDecodedIncreased(connection, count, previousFramesNumber)
|
|
|
|
|
{
|
|
|
|
|
if (previousFramesNumber === undefined) {
|
|
|
|
|
let number = await getInboundRTPStatsNumberOfDecodedFrames(connection);
|
|
|
|
|
await waitFor(1000);
|
|
|
|
|
return testFrameDecodedIncreased(connection, 0, number);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
var number = await getInboundRTPStatsNumberOfDecodedFrames(connection);
|
|
|
|
|
if (previousFramesNumber && number > previousFramesNumber)
|
|
|
|
|
return;
|
|
|
|
|
|
|
|
|
|
if (count >= 20)
|
|
|
|
|
return Promise.reject("test increasing frame encoded timed out");
|
|
|
|
|
|
|
|
|
|
await waitFor(1000);
|
|
|
|
|
return testFrameDecodedIncreased(connection, ++count, previousFramesNumber);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
promise_test((test) => {
|
|
|
|
|
return testFrameDecodedIncreased(receivingConnection);
|
2017-05-16 00:41:50 +00:00
|
|
|
}, "If disabled, black frames should still be coming");
|
|
|
|
|
|
2017-05-02 01:33:37 +00:00
|
|
|
promise_test((test) => {
|
|
|
|
|
track.enabled = true;
|
2017-09-20 18:10:56 +00:00
|
|
|
return checkVideoBlack(false, canvas2, video);
|
2019-09-16 21:04:08 +00:00
|
|
|
}, "Track is enabled, video should not be black 2");
|
2017-05-16 00:41:50 +00:00
|
|
|
|
2017-03-15 16:38:10 +00:00
|
|
|
</script>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
