webrtc => WebRTC enkla exempel

parametrar

getUserMedia () Paramters	Beskrivning
begränsningar	Den består av matris som gör att vi kan specificera vilka medieenheter vi vill använda, dvs ljud eller video eller båda
Framgång återuppringning	Skapa en funktion för återuppringning för framgång som ger dig den ström som du får från dina medieenheter
Fel vid återuppringning	Denna återuppringning aktiveras när det finns problem som om det inte finns några mediaenheter, eller användaren har nekat tillståndet att använda dem

Få kamera- och mikrofontillstånd och visa förhandsvisning på webbsidan

För att börja använda WebRTC måste du få kamera- och mikrofontillstånd. För att du behöver följa saker:

adapter.js , du kan hämta det härifrån
En html-webbsida med en videotagg och lite js-kod

Adapter.js är ett JavaScript-mellanlägg för WebRTC, underhållet av Google med hjälp från WebRTC-communityn , som abstraherar leverantörens prefix, webbläsarskillnader och specifikationer.

När du nu har den här filen skapar du en HTML-fil med följande kod:

<!DOCTYPE html>
<html>
    <head>
        <title>My first webrtc example</title>
        <script src="adapter.js"></script>
        <script type="text/javascript">
            function gotStream(stream) {
                window.AudioContext = window.AudioContext || window.webkitAudioContext;
                var audioContext = new AudioContext();

                // Create an AudioNode from the stream
                var mediaStreamSource = audioContext.createMediaStreamSource(stream);

                // Connect it to destination to hear yourself
                // or any other node for processing!
                mediaStreamSource.connect(audioContext.destination);
                var video = document.querySelector('video');
                var videoTracks = stream.getVideoTracks();
                window.stream = stream; // make variable available to browser console
                video.srcObject = stream;
            }
            function onfail(error) {
                console.log("permission not granted or system don't have media devices."+error.name);
            }
            navigator.getUserMedia({audio:true,video:true}, gotStream,onfail);
            
            
        </script>
    </head>
    <body>
        Welcome to webrtc
        <video id="local" autoplay=""></video>
    </body>
</html>

När du är klar sparar du den här filen och körs i webbläsaren. När du kör kommer webbläsaren att be dig om att låta den här webbsidan få åtkomst till din webbkamera och mikrofon. Låt det och whola !, ser du förhandsgranskningen på webbsidan.

Modified text is an extract of the original Stack Overflow Documentation

Licensierat under CC BY-SA 3.0

Inte anslutet till Stack Overflow

webrtc
WebRTC enkla exempel

Sök…

parametrar

Få kamera- och mikrofontillstånd och visa förhandsvisning på webbsidan