webrtc => WebRTC eenvoudige voorbeelden

parameters

getUserMedia () Parameters	Beschrijving
constraints	Het bestaat uit een array waarmee we kunnen opgeven welke media-apparaten moeten worden gebruikt, bijvoorbeeld audio of video of beide
Terugbellen gelukt	Creëer een functie voor succesvolle callback waarmee u de stream krijgt die u van uw media-apparaten ontvangt
Fout terugbellen	Deze callback wordt geactiveerd wanneer er een probleem is, zoals wanneer er geen media-apparaten zijn, of de gebruiker de toestemming om ze te gebruiken heeft geweigerd

Krijg camera- en microfoonrechten en geef een voorbeeld van een webpagina weer

Om WebRTC te kunnen gebruiken, hebt u camera- en microfoonmachtiging nodig, daarvoor hebt u de volgende zaken nodig:

adapter.js , je kunt het hier krijgen
Een html-webpagina met een videotag en een klein beetje js-code

De adapter.js is een JavaScript-shim voor WebRTC, beheerd door Google met hulp van de WebRTC-gemeenschap , die leveranciersvoorvoegsels, browserverschillen en spec-wijzigingen samenvat.

Als u dit bestand eenmaal hebt, maakt u een html-bestand met de volgende code:

<!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>

Sla dit bestand op en voer het uit in de browser. Wanneer u de browser uitvoert, wordt u gevraagd deze webpagina toegang te geven tot uw webcam en microfoon. Sta het toe en whola!, U ziet het voorbeeld op de webpagina.

Modified text is an extract of the original Stack Overflow Documentation

Licentie onder CC BY-SA 3.0

Niet aangesloten bij Stack Overflow

webrtc
WebRTC eenvoudige voorbeelden

Zoeken…

parameters

Krijg camera- en microfoonrechten en geef een voorbeeld van een webpagina weer