webrtc => Proste przykłady WebRTC

Parametry

getUserMedia () Paramters	Opis
Ograniczenia	Składa się z tablicy, która pozwala nam określić, które urządzenia multimedialne mają być używane, tj. Audio lub wideo lub oba
Pomyślne oddzwonienie	Utwórz funkcję oddzwaniania, która zapewni Ci strumień, który otrzymujesz z urządzeń multimedialnych
Błąd oddzwonienia	To wywołanie zwrotne jest wywoływane, gdy występuje problem, na przykład brak urządzeń multimedialnych lub użytkownik odmówił pozwolenia na ich użycie

Uzyskaj uprawnienia do kamery i mikrofonu oraz wyświetl podgląd na stronie internetowej

Aby rozpocząć korzystanie z WebRTC, musisz uzyskać pozwolenie na kamerę i mikrofon, ponieważ potrzebujesz następujących rzeczy:

adapter.js , możesz go pobrać stąd
Strona HTML ze znacznikiem wideo i odrobiną kodu js

Adapter.js to podkładka JavaScript dla WebRTC, obsługiwana przez Google z pomocą społeczności WebRTC , która wyodrębnia prefiksy dostawców, różnice w przeglądarce i zmiany specyfikacji.

Teraz, gdy masz już ten plik, utwórz plik HTML z następującym kodem:

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

Po zakończeniu zapisz ten plik i uruchom w przeglądarce. Po uruchomieniu przeglądarka poprosi o zezwolenie tej stronie na dostęp do kamery internetowej i mikrofonu. Zezwól i kurwa !, zobaczysz podgląd na stronie internetowej.

Modified text is an extract of the original Stack Overflow Documentation

Licencjonowany na podstawie CC BY-SA 3.0

Nie związany z Stack Overflow

webrtc
Proste przykłady WebRTC

Szukaj…

Parametry

Uzyskaj uprawnienia do kamery i mikrofonu oraz wyświetl podgląd na stronie internetowej