최신 버전의 Chrome에는 WebRTC용 보안 웹소켓이 필요합니다. 따라서 이 예제에서는 HTTPS를 사용 합니다. 예제가 작동하려면 브라우저에서 수락해야 하는 자체 서명된 인증서가 포함되어 있습니다. WebRTC 엔지니어 저스틴 우버티는 2013 년 구글 I / O WebRTC 프리젠 테이션에서 ICE, STUN 및 TURN에 대한 자세한 정보를 제공합니다. (프레젠테이션 슬라이드는 TURN 및 STUN 서버 구현의 예를 제공합니다.) WebRTC는 빠르게 진화하는 짐승입니다. 자주 확인하지 않는 예제이기 때문에 문제가 발생하면 사용자에게 보고서에 의존합니다. 문제 및 끌어오기 요청은 대단히 감사합니다. WebRTC API는 약속을 많이 사용합니다. 연결 프로세스의 단계를 함께 연결하는 것이 매우 쉽습니다.

ECMAScript 2015의 이 기능을 아직 읽지 않았다면 읽어야 합니다. 마찬가지로 이 예제에서는 화살표 함수를 사용하여 구문을 단순화합니다. 위의 W3C 코드는 시그널링 관점에서 WebRTC의 단순화된 예를 보여 주며, 이에 대한 간략한 예제를 보여 주실 수 있습니다. 다음은 두 개의 작업 WebRTC 응용 프로그램의 연습입니다: 첫 번째는 RTCPeerConnection을 보여 주는 간단한 예입니다. 두 번째는 완전히 작동하는 화상 채팅 클라이언트입니다. 예를 들어 Alice가 Bob과 의사 소통을 원한다고 가정해 보겠습니다. 다음은 W3C WebRTC 사양의 코드 샘플로, 시그널링 프로세스가 작동하는 것을 보여 주며, 이 샘플은 다음과 같습니다. 코드는 createSignalingChannel() 메서드에서 생성된 일부 시그널링 메커니즘이 있다고 가정합니다. 또한 크롬과 오페라에, RTCPeerConnection는 현재 접두사. MediaStream API는 동기화된 미디어 스트림을 나타냅니다. 예를 들어 카메라와 마이크 입력에서 가져온 스트림에 비디오 및 오디오 트랙이 동기화되어 있습니다.

MediaStreamTrack을 완전히 다른 요소인요소와 혼동하지 마십시오. WebRTC는 여전히 새 것이기 때문에 많은 클래스 이름이 접두사에 붙어 있습니다. 많은 예제에서 이러한 접두사를 차지하는 adapter.js를 사용합니다. 이 예제에 필요한 함수와 클래스가 하나뿐이라는 점을 감안할 때 종속성을 제거하므로 adapter.js를 사용하지 않기로 결정했습니다. 즉, webrtc.github.io/samples/src/content/getusermedia/gum 예를 들어, stream.getAudioTracks() 빈 배열을 반환 (오디오가 없기 때문에) 및, 작업 웹캠이 연결되어 가정, stream.getVideoTracks() 하나의 배열을 반환 웹캠에서 스트림을 나타내는 MediaStreamTrack입니다.