WebRTC - RTCDataChannel 데모, API 변경사항... 및 Chrome이 Firefox와 연결

Google의 오랜 친구인 WebRTC가 더 좋은 소식을 전해 드립니다.

정확히 말하면 좋은 소식 3가지와 사소한 API 변경사항 두 가지가 있습니다.

Chrome용 RTCDataChannel

RTCDataChannel은 Chrome에서 구현되었으며, simpl.info/dc에는 유용한 데모가 있습니다.

이 데모는 100줄 미만의 코드로 임의의 데이터에 대한 P2P 통신을 보여줍니다. 이 기능을 사용하려면 Chrome 25 이상이 필요하며, 이 시점에서는 베타 또는 카나리아를 의미합니다.

RTCDataChannel은 RTCPeerConnection에 내장된 기능을 최대한 활용하며(특히 ICE 프레임워크가 방화벽과 NAT를 통과하는 경우에 사용) 게임, 원격 데스크톱 애플리케이션, 실시간 문자 채팅 및 파일 전송과 같이 짧은 지연 시간이 가장 중요한 잠재적 애플리케이션을 많이 보유하고 있습니다.

RTCDataChannel에 대한 자세한 내용은 WebRTC 시작하기를 참고하세요.

API 변경사항

덜 흥미롭지만 중요한 것은 Chrome 26부터 일부 RTCPeerConnection 및 MediaStream API 속성이 getter 메서드가 되었다는 것입니다.

  1. 이제 MediaStream에 audioTracks 속성 대신 getAudioTracks() 메서드가 있고 videoTracks 대신 getVideoTracks()가 있습니다.
  2. 이제 RTCPeerConnection에 localStreams 대신 getLocalStreams(), remoteStreams 대신 getRemoteStreams()가 있습니다.

MediaStream이 어떻게 실행되는지 살펴보려면 simpl.info/gum getUserMedia 데모를 살펴보세요. stream 변수는 전역 범위에 있습니다. 콘솔에서 변수를 검사하세요. 마찬가지로 simpl.info/pc의 RTCPeerConnection도 마찬가지로 RTCPeerConnection 객체 pc1pc2는 전역 범위 내에 있습니다.

Chrome <=> Firefox

Chrome에서 '대화' 기능을 사용할 수 있습니다. Firefox로 이동합니다.

지금 webrtc.org/start에서 이 기능을 사용해 볼 수 있습니다. 전체 안내, 소스 코드 링크, API 차이점에 대한 정보가 포함되어 있습니다.

Mozilla와 Google의 모든 직원에게 유용한 팁을 전해 드립니다.

즐겁게 코딩해 보세요! 버그가 있으면 이 게시물에 댓글을 달거나 bugs.chromium.org에서 알려주시기 바랍니다. chromestatus.com에서 항상 최신 구현 정보를 확인할 수 있다는 것도 잊지 마세요.