113 lines
4.2 KiB
HTML
113 lines
4.2 KiB
HTML
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
|
|
<html>
|
|
<head>
|
|
<script src="../../resources/js-test-pre.js"></script>
|
|
<script>
|
|
var video;
|
|
var mediaStream;
|
|
|
|
function logEvent(element, eventName, func)
|
|
{
|
|
function _eventCallback(evt)
|
|
{
|
|
if (window.wasFinishJSTestCalled)
|
|
return;
|
|
|
|
debug(`Event <em>'${evt.type}'</em>`);
|
|
if (func)
|
|
func(evt);
|
|
}
|
|
element.addEventListener(eventName, _eventCallback, true);
|
|
}
|
|
|
|
function checkVideoElement()
|
|
{
|
|
evalAndLog("video.pause()");
|
|
|
|
debug("<br>**** check video element ****");
|
|
debug("<br>**** check video tracks ****");
|
|
shouldBe('video.videoTracks.length', '1');
|
|
shouldBe('video.videoTracks[0].id', 'mediaStream.getVideoTracks()[0].id');
|
|
|
|
debug("<br>**** check audio tracks ****");
|
|
shouldBe('video.audioTracks.length', '1');
|
|
shouldBe('video.audioTracks[0].id', 'mediaStream.getAudioTracks()[0].id');
|
|
|
|
setTimeout(removeAudioTrack, 100);
|
|
}
|
|
|
|
function checkVideoElement2()
|
|
{
|
|
debug("<br>**** check video element ****");
|
|
shouldBe('video.videoWidth', 'mediaStream.getVideoTracks()[0].getSettings().width');
|
|
shouldBe('video.videoHeight', 'mediaStream.getVideoTracks()[0].getSettings().height');
|
|
|
|
debug("<br>**** check video tracks ****");
|
|
shouldBe('video.videoTracks.length', '1');
|
|
shouldBe('video.videoTracks[0].id', 'mediaStream.getVideoTracks()[0].id');
|
|
shouldBeEqualToString('video.videoTracks[0].language', '');
|
|
shouldBeEqualToString('video.videoTracks[0].kind', 'main');
|
|
|
|
debug("<br>**** check no audio track ****");
|
|
shouldBe('video.audioTracks.length', '0');
|
|
shouldBe('mediaStream.getAudioTracks().length', '0');
|
|
|
|
finishJSTest();
|
|
}
|
|
|
|
function canplay()
|
|
{
|
|
debug("<br>*** start playback ****");
|
|
evalAndLog("video.play()");
|
|
setTimeout(checkVideoElement, 100);
|
|
}
|
|
|
|
function removeAudioTrack() {
|
|
track = mediaStream.getAudioTracks()[0];
|
|
debug("<br>**** removing audio track ****");
|
|
try {
|
|
mediaStream.removeTrack(track);
|
|
} catch (exception) {
|
|
testFailed("removeTrack threw an exception.");
|
|
finishJSTest();
|
|
}
|
|
setTimeout(checkVideoElement2, 100);
|
|
}
|
|
|
|
function setupStream(stream)
|
|
{
|
|
mediaStream = stream;
|
|
testPassed('mediaDevices.getUserMedia succeeded.');
|
|
|
|
debug("<br>**** setup video element ****");
|
|
evalAndLog("video.srcObject = mediaStream");
|
|
}
|
|
|
|
function start()
|
|
{
|
|
description("Tests checking removing MediaStream track applies to the video element.");
|
|
video = document.querySelector('video');
|
|
logEvent(video, 'canplay', canplay)
|
|
|
|
debug("<br>**** calling mediaDevices.getUserMedia() ****");
|
|
if (window.testRunner)
|
|
testRunner.setUserMediaPermission(true);
|
|
navigator.mediaDevices.getUserMedia( {video: true, audio: true} )
|
|
.then(setupStream)
|
|
.catch(function(reason) {
|
|
debug(`Stream generation failed with error: ${reason}`);
|
|
});
|
|
}
|
|
|
|
window.jsTestIsAsync = true;
|
|
window.successfullyParsed = true;
|
|
</script>
|
|
</head>
|
|
<body onload="start()">
|
|
<p id="description"></p>
|
|
<video controls width="680" height="360"></video>
|
|
<div id="console"></div>
|
|
<script src="../../resources/js-test-post.js"></script>
|
|
</body>
|
|
</html>
|