webrtc
Простые примеры WebRTC

Android C++ Cordova HTML iOS Java Language JavaScript Node.js Objective-C Language Swift Language
Поиск…


параметры

getUserMedia () Параметр Описание
Ограничения Он состоит из массива, который позволяет нам указать, какие мультимедийные устройства использовать, например, аудио или видео или оба
Обратный вызов успеха Создайте функцию для успешного обратного вызова, которая предоставит вам поток, который вы получаете с ваших медиа-устройств
Ошибка обратного вызова Этот обратный вызов активируется, когда возникает проблема, например, нет медиа-устройств, или пользователь отказал в разрешении использовать их

Получите разрешение камеры и микрофона и предварительный просмотр на веб-странице

Чтобы начать использовать WebRTC, вам необходимо получить разрешение на работу с камерой и микрофоном. Для этого вам понадобятся следующие вещи:

  1. adapter.js , вы можете получить его отсюда
  2. Веб-страница html с тегом видео и небольшим количеством кода js

Адаптер.js - это подгонка JavaScript для WebRTC, поддерживаемая Google с помощью сообщества WebRTC , которая абстрагирует префиксы поставщиков, различия браузера и изменения спецификации.

Теперь, когда у вас есть этот файл, создайте html-файл со следующим кодом: 

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

После этого сохраните этот файл и запустите его в браузере. Когда вы запустите браузер, вы просите разрешить этой веб-странице получать доступ к веб-камере и микрофону. Разрешите это и whola !, вы увидите предварительный просмотр на веб-странице.



Modified text is an extract of the original Stack Overflow Documentation
Лицензировано согласно CC BY-SA 3.0
Не связан с Stack Overflow