agora를 잘 알고 있습니다! 무료 세미나 실시중! >

WebRTC를 이용한 어플리케이션 개발시에 활용하는 툴이나 제공 사이트를 정리해 보았습니다

어디까지나 개인적인 소감입니다.
추천이 있으면 꼭 코멘트를 주세요.

WebRTC 개발 환경

Visual Studio Code(통칭 VSCode?)

・경량으로 바삭하게 움직인다
· Git 클라이언트 표준 장비
・ LiveServer(Plugin) 가 편리
・디자인이 cool

이미 Eclipse의 시대는 끝나고 있습니까? . .

신뢰할 수 있는 사이트

WebRTC 테스트
자신의 환경에서는 어째서인지 Audio가 NG가 됩니다. . .


브라우저 대응표


카메라 설정 확인


Chrome 로드맵


agora.io 데모
자유롭게 사용할 수 있습니다. ROOM NAME은 가능한 한 타격을 주지 않는 NAME을 권장합니다.


2019년 트렌드(해외 사이트)

WebRTC 개발 브라우저

Google 크롬
chrome://webrtc-internals/
Google 크롬의 기능입니다. 화각이나 FPS 등의 통계 정보가 실시간으로 보입니다.


chrome://inspect/#devices
Android에서는 console.log나 요소를 확인할 수 없기 때문에 PC에 연결하여 확인하고 있습니다.



Safari

iPhone에서는 console.log나 요소의 확인을 할 수 없기 때문에 PC에 연결해 확인하고 있습니다.
메뉴 > 개발 > 해당 기기에서 액세스할 수 있습니다.

WebRTC 커뮤니티

WebRTC-JP Slack
가끔 이벤트에 참가하고 있습니다. 등단한 적도 있었습니다.
WebRTC에 사용할 수 있는 기술이나 서비스 제공을 직접 받을 수 있는 장소로 사용할 수 있을까 생각합니다.

SDK

・SkyWay
・Twilio
· OpenTok
· 아고라. 이오
· aws Kinesis Video Stream WebRTC (New!)

얼굴 인식 라이브러리

카메라 영상을 가공할 때에 이용합니다. SNOW와 같은 스티커도 가능합니다.
오픈 소스에서도 비교적 정확하게 얼굴 인식해줍니다.
· clmtrackr.js
・pico.js

VR 관련 라이브러리

WebRTC+VR. Oculus와 VR 렌즈를 붙인 스마트 폰으로 VR 체험을 할 수 있습니다.
· aframe.io

네트워크 관련

· Squid
TCP:80/443밖에 통신할 수 없는 환경의 재현에 이용합니다.
UDP의 장점이 없어져 버립니다만. . .

관심 있는 단말기

PC나 스마트폰이 메인입니다만, 이하의 디바이스와의 궁합도 좋을 것 같습니다.
・raspberry pi
・360도 카메라 RICOH THETA
・드론

소기

iframe 내에서의 사용

iframe에서 WebRTC 애플리케이션을 호출할 때 카메라와 마이크에 대해 다음과 같은 속성을 추가해야 합니다.

<iframe 
    src="https://HOST/PATH"
    allow="microphone; camera">
</iframe>

agora.io에 관한 문의는 이쪽으로부터
agora를 잘 알고 있습니다! 무료 세미나 실시중!