webrtc => Esempi semplici di WebRTC

Parametri

getUserMedia () Paramter	Descrizione
vincoli	È costituito da un array che ci consente di specificare quali dispositivi multimediali utilizzare, ad esempio audio o video o entrambi
Callback di successo	Crea una funzione per il callback di successo che ti fornirà lo stream che ottieni dai tuoi dispositivi multimediali
Errore di callback	Questo callback viene richiamato quando c'è un problema come se non ci fossero dispositivi multimediali, o l'utente ha negato il permesso di usarli

Ottieni permessi per fotocamera e microfono e visualizza l'anteprima sulla pagina web

Per iniziare a utilizzare WebRTC è necessario ottenere il permesso di telecamera e microfono. Per questo è necessario seguire le seguenti cose:

adapter.js , puoi ottenerlo da qui
Una pagina Web html con un tag video e un po 'di codice js

Adapter.js è uno shim di JavaScript per WebRTC, gestito da Google con l'aiuto della community WebRTC , che astrae i prefissi dei fornitori, le differenze tra browser e le specifiche.

Ora, una volta ottenuto questo file, creare un file html con il seguente codice:

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

Al termine, salva questo file ed esegui nel browser. Quando esegui il browser ti verrà chiesto di consentire a questa pagina web di accedere alla tua webcam e al tuo microfono. Consentitemi e whola!, Vedrete l'anteprima sulla pagina web.

Modified text is an extract of the original Stack Overflow Documentation

Autorizzato sotto CC BY-SA 3.0

Non affiliato con Stack Overflow

webrtc
Esempi semplici di WebRTC

Ricerca…

Parametri

Ottieni permessi per fotocamera e microfono e visualizza l'anteprima sulla pagina web