video_conference_demo.html | Explore in Territory

<html>

<head>
    <script>
        var video_track = null
        var audio_track = null
        var screen_track = null
        async function startVideo() {
            let stream = await navigator.mediaDevices.getUserMedia({ video: true })
            document.getElementById('video_player').srcObject = stream;
            video_track = stream.getTracks()[0]
        }
        function stopVideo() {
            document.getElementById('video_player').pause();
            video_track.stop();
        }
        async function startAudio() {
            let stream = await navigator.mediaDevices.getUserMedia({ audio: true })
            document.getElementById('audio_player').srcObject = stream;
            audio_track = stream.getTracks()[0]

        }
        function stopAudio() {
            document.getElementById('audio_player').pause();
            audio_track.stop();
        }
        async function startScreenSharing() {
            let stream = await navigator.mediaDevices.getDisplayMedia({video: true});
            screen_track = stream.getTracks()[0]
        }
        function stopScreenSharing() {
            screen_track.stop();
        }
    </script>
</head>

<body>
    <video id='video_player' controls> </video>
    <button onclick='startVideo()'>Start Video</button>
    <button onclick='stopVideo()'>Stop Video</button>
    <br><br>
    <audio id='audio_player' controls> </audio>
    <button onclick='startAudio()'>Start Audio</button>
    <button onclick='stopAudio()'>Stop Audio</button>
    <br><br>
    <button onclick='startScreenSharing()'>Start Screen Capturing</button>
    <button onclick='stopScreenSharing()'>Stop Screen Capturing</button>
</body>

</html>
chromium/chrome/test/data/video_conference_demo.html
