webrtc => WebRTC 간단한 예제

매개 변수

getUserMedia () 매개 변수	기술
제약 조건	그것은 우리가 오디오 나 비디오 또는 둘 다 사용할 미디어 장치를 지정할 수있게 해주는 배열로 구성됩니다
성공 콜백	성공한 콜백 함수를 만들어 미디어 장치에서 얻은 스트림을 제공합니다.
오류 콜백	이 콜백은 미디어 장치가 없거나 사용자가 미디어 장치를 사용할 권한을 거부 한 것과 같은 문제가있을 때 호출됩니다

카메라 및 마이크 권한을 얻고 웹 페이지에서 미리보기를 표시합니다.

WebRTC를 사용하려면 카메라 및 마이크 권한이 필요합니다. 다음과 같은 사항이 필요합니다.

adapter.js , 여기 에서 얻을 수 있습니다 .
비디오 태그와 약간의 js 코드가있는 html 웹 페이지

adapter.js는 WebRTC를위한 JavaScript 심입니다. 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

webrtc
WebRTC 간단한 예제

수색…

매개 변수

카메라 및 마이크 권한을 얻고 웹 페이지에서 미리보기를 표시합니다.