webrtc => Ejemplos simples de WebRTC

Parámetros

Parámetros de getUserMedia ()	Descripción
Restricciones	Consiste en una matriz que nos permite especificar qué dispositivos de medios usar, es decir, audio o video o ambos
Devolución de llamada de éxito	Cree una función para una devolución de llamada exitosa que le proporcionará el flujo que obtiene de sus dispositivos de medios
Devolución de llamada de error	Esta devolución de llamada se invoca cuando hay un problema, como no hay dispositivos de medios, o el usuario ha denegado el permiso para usarlos

Obtenga el permiso de la cámara y el micrófono y visualice la vista previa en la página web

Para comenzar a utilizar WebRTC, debe obtener el permiso de la cámara y el micrófono. Para eso necesita lo siguiente:

adapter.js , puedes obtenerlo desde aquí
Una página web html con una etiqueta de video y un poco de código js

Adapter.js es un complemento de JavaScript para WebRTC, mantenido por Google con la ayuda de la comunidad de WebRTC , que resume los prefijos de los proveedores, las diferencias de navegador y los cambios de especificaciones.

Ahora, una vez que tenga este archivo, cree un archivo html con el siguiente código:

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

Una vez hecho esto, guarde este archivo y ejecútelo en el navegador. Cuando ejecute el navegador, se le pedirá que permita que esta página web acceda a su cámara web y micrófono. Permítelo y whola !, verás la vista previa en la página web.

Modified text is an extract of the original Stack Overflow Documentation

Licenciado bajo CC BY-SA 3.0

No afiliado a Stack Overflow

webrtc
Ejemplos simples de WebRTC

Buscar..

Parámetros

Obtenga el permiso de la cámara y el micrófono y visualice la vista previa en la página web