| <!DOCTYPE html> |
| <html> |
| <head> |
| <meta charset="utf-8"> |
| <title>Clone a video track.</title> |
| <script src="../../resources/gc.js"></script> |
| <script src="../../resources/testharness.js"></script> |
| <script src="../../resources/testharnessreport.js"></script> |
| </head> |
| <body> |
| <video id='video1' autoplay playsinline></video> |
| <br> |
| <video id='video2' autoplay playsinline></video> |
| <br> |
| <video id='video3' autoplay playsinline></video> |
| <script> |
| promise_test(async (t) => { |
| let constraints = { video: { width: 160 } }; |
| const stream = await navigator.mediaDevices.getUserMedia({ video: { width: 160 } }); |
| assert_equals(stream.getVideoTracks()[0].getConstraints().width, 160); |
| |
| const streamClone = stream.clone(); |
| |
| video1.srcObject = stream; |
| video2.srcObject = streamClone; |
| |
| const videoTrack = stream.getVideoTracks()[0]; |
| const videoTrackClone = streamClone.getVideoTracks()[0]; |
| |
| assert_equals(videoTrack.enabled, videoTrackClone.enabled); |
| videoTrack.enabled = false; |
| assert_true(videoTrackClone.enabled); |
| videoTrack.enabled = true; |
| |
| await videoTrackClone.applyConstraints({width: 640}); |
| test(() => { |
| assert_equals(videoTrackClone.getSettings().width, 640); |
| assert_equals(videoTrack.getSettings().width, 160); |
| }, "Check cloned track settings after applying width constraints"); |
| |
| const videoTrackClone2 = videoTrackClone.clone(); |
| await videoTrackClone.applyConstraints({width: 1280}); |
| video3.srcObject = new MediaStream([videoTrackClone2]); |
| test(() => { |
| assert_equals(videoTrackClone.getSettings().width, 1280); |
| assert_equals(videoTrackClone2.getSettings().width, 640); |
| }, "Check cloned track settings after applying width constraint to original track"); |
| }, "Setup for width test"); |
| |
| promise_test(async (t) => { |
| const stream = await navigator.mediaDevices.getUserMedia({ video: { height: 100 } }); |
| const streamClone = stream.clone(); |
| |
| video1.srcObject = stream; |
| video2.srcObject = streamClone; |
| |
| const videoTrack = stream.getVideoTracks()[0]; |
| const videoTrackClone = streamClone.getVideoTracks()[0]; |
| |
| assert_equals(videoTrack.enabled, videoTrackClone.enabled); |
| videoTrack.enabled = false; |
| assert_true(videoTrackClone.enabled); |
| videoTrack.enabled = true; |
| |
| await videoTrackClone.applyConstraints({height: 200}); |
| test(() => { |
| assert_equals(videoTrackClone.getSettings().height, 200); |
| assert_equals(videoTrack.getSettings().height, 100); |
| }, "Check cloned track settings after applying height constraints"); |
| |
| const videoTrackClone2 = videoTrackClone.clone(); |
| await videoTrackClone.applyConstraints({height: 400}); |
| video3.srcObject = new MediaStream([videoTrackClone2]); |
| test(() => { |
| assert_equals(videoTrackClone.getSettings().height, 400); |
| assert_equals(videoTrackClone2.getSettings().height, 200); |
| }, "Check cloned track settings after applying height constraints to original track"); |
| }, "Setup for height test"); |
| |
| promise_test(async (t) => { |
| const stream = await navigator.mediaDevices.getUserMedia({ video: { width: 100, height: 100 } }); |
| const streamClone = stream.clone(); |
| |
| video1.srcObject = stream; |
| video2.srcObject = streamClone; |
| |
| const videoTrack = stream.getVideoTracks()[0]; |
| const videoTrackClone = streamClone.getVideoTracks()[0]; |
| |
| assert_equals(videoTrack.enabled, videoTrackClone.enabled); |
| videoTrack.enabled = false; |
| assert_true(videoTrackClone.enabled); |
| videoTrack.enabled = true; |
| |
| await videoTrackClone.applyConstraints({width: 100, height: 200}); |
| test(() => { |
| assert_equals(videoTrackClone.getSettings().width, 100); |
| assert_equals(videoTrackClone.getSettings().height, 200); |
| assert_equals(videoTrack.getSettings().height, 100); |
| assert_equals(videoTrack.getSettings().width, 100); |
| }, "Check cloned track settings after applying width+height constraints"); |
| |
| const videoTrackClone2 = videoTrackClone.clone(); |
| await videoTrackClone.applyConstraints({width: 400, height: 200}); |
| video3.srcObject = new MediaStream([videoTrackClone2]); |
| test(() => { |
| assert_equals(videoTrackClone.getSettings().width, 400); |
| assert_equals(videoTrackClone.getSettings().height, 200); |
| assert_equals(videoTrackClone2.getSettings().width, 100); |
| assert_equals(videoTrackClone2.getSettings().height, 200); |
| }, "Check cloned track settings after applying width+height constraints to original track"); |
| }, "Setup for width+height test"); |
| |
| promise_test(async (t) => { |
| const stream = await navigator.mediaDevices.getUserMedia({ video: { width: 100, height: 100 } }); |
| const streamClone = stream.clone(); |
| |
| video1.srcObject = streamClone; |
| stream.getVideoTracks()[0].stop(); |
| |
| await video1.play(); |
| assert_equals(video1.videoWidth, 100); |
| }, "Stopping a track should not stop its clone"); |
| |
| promise_test(async (t) => { |
| const stream = await navigator.mediaDevices.getUserMedia({ video: { width: 100, height: 100 } }); |
| const streamClone = stream.clone(); |
| |
| video1.srcObject = stream; |
| streamClone.getVideoTracks()[0].stop(); |
| |
| await video1.play(); |
| assert_equals(video1.videoWidth, 100); |
| }, "Stopping a cloned track should not stop the original track"); |
| |
| promise_test(async (t) => { |
| const stream = await navigator.mediaDevices.getUserMedia({ video: { width: 100, height: 100 } }); |
| stream.clone().getVideoTracks()[0].stop(); |
| gc(); |
| |
| video1.srcObject = stream; |
| |
| await video1.play(); |
| assert_equals(video1.videoWidth, 100); |
| }, "Collecting a cloned track should not stop the original track"); |
| </script> |
| </body> |
| </html> |
