webrtc
WebRTC exemples simples

Android C++ Cordova HTML iOS Java Language JavaScript Node.js Objective-C Language Swift Language
Recherche…


Paramètres

Paramètres getUserMedia () La description
Contraintes Il consiste en un tableau qui nous permet de spécifier les périphériques multimédia à utiliser, par exemple audio ou vidéo ou les deux.
Rappel de succès Créer une fonction de rappel de succès qui vous fournira le flux que vous obtenez de vos périphériques multimédia
Erreur de rappel Ce rappel est appelé quand il y a un problème, comme il n'y a pas de périphériques multimédias, ou l'utilisateur a refusé la permission de les utiliser

Obtenir la permission de la caméra et du microphone et prévisualiser l'affichage sur la page Web

Pour commencer à utiliser WebRTC, vous devez obtenir la permission de la caméra et du microphone. Pour ce qui suit:

  1. adapter.js , vous pouvez l'obtenir d' ici
  2. Une page Web HTML avec une balise vidéo et un peu de code js

L'adaptateur.js est un outil JavaScript pour WebRTC, géré par Google avec l'aide de la communauté WebRTC , qui résume les préfixes des fournisseurs, les différences entre les navigateurs et les modifications apportées aux spécifications.

Maintenant, une fois que vous avez ce fichier, créez un fichier HTML avec le code suivant: 

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

Une fois terminé, enregistrez ce fichier et lancez-le dans le navigateur. Lorsque vous lancez le navigateur, vous êtes invité à autoriser cette page Web à accéder à votre webcam et à votre microphone. Autorisez-le et whola !, vous verrez l'aperçu sur la page Web.



Modified text is an extract of the original Stack Overflow Documentation
Sous licence CC BY-SA 3.0
Non affilié à Stack Overflow