Ad
More Related Content
Similar to Fitra aditya php-web rtc (20)
More from PHP Indonesia (8)
Ad
Fitra aditya php-web rtc
- 1. Implementasi Aplikasi Video Call Menggunakan WebRTC Fitra Aditya [email protected]
- 2. Perkenalan ● Fitra Aditya ● Software Engineer di ● Kontak – Email: [email protected] – FB: https://facebook.com/fitra.aditya
- 3. Ada yang pernah mendengar tentang WebRTC?
- 4. Ada yang pernah mengunakan aplikasi di bawah ini?
- 5. Perkembangan teknologi komunikasi real-time pada web http://venturebeat.com/2012/08/13/webrtc-is-almost-here-and-it-will-change-the-web/http://venturebeat.com/2012/08/13/webrtc-is-almost-here-and-it-will-change-the-web/
- 6. WebRTC
- 7. WebRTC merupakan protokol yang bertujuan untuk menghadirkan fitur real-time communication pada web browser secara peer- to-peer. Apa itu WebRTC?
- 9. WebRTC Desktop: 17+ Mobile: 29+ Desktop: 18+ Mobile: 24+ Desktop: 18+ Mobile: 20+ *) Microsoft Edge menggunakan ORTC (WebRTC compatible)
- 11. Mengapa harus WebRTC? ● Open source ● Tanpa plugin ● Mudah diimplementasikan menggunakan API standar
- 12. WebRTC pada mobile apps IOS and Android
- 13. Codec ● Video: VP8, H.264, VP9 ● Audio: Opus, G.711
- 15. Bisnis
- 16. Pendidikan
- 17. Kesehatan
- 18. Personal
- 20. WebRTC API Media Stream Peer Connection Data Channel
- 21. Media Stream Camera and Microphone
- 22. Media Stream API var localVideo = document.querySelector('#local-video'); navigator.mediaDevices.getUserMedia({ video: true }) .then(function(stream) { localStream = stream; localVideo.srcObject = localStream; }) .catch(function(error) { alert('Error: ', error); });
- 23. Media Stream API HTTP vs HTTPS Chrome: HTTPS Firefox / Opera: HTTP
- 24. Peer Connection
- 25. Peer Connection NAT / FIREWALL
- 26. Peer Connection ● Masalah – Berapa nomor IP publik saya? – Port mana yang akan saya gunakan? – Saya tidak bisa melewati firewall! – Bagaimana saya memberitahukan IP publik dan port yang saya gunakan kepada lawan?
- 27. STUN (Simple Traversal of UDP through NAT) Berapa nomor IP publik saya? IP publik kamu adalah xx.xx.xx.xx
- 29. TURN (Traversal Using Relay NAT)
- 31. Peer Connection Signaling Process WebSocket, AJAX, SIP Data: SDP (Session Data Protocol) - Informasi jaringan (IP publik, port) - Video dan audio codec
- 32. Peer Connection Signaling Process WebSocket / AJAX / SIP LocalDescription Sends offer
- 33. Peer Connection Signaling Process WebSocket / AJAX / SIP LocalDescription RemoteDescription Receives offer
- 34. Peer Connection Signaling Process WebSocket / AJAX / SIP LocalDescription LocalDescription RemoteDescription Sends answer
- 35. Peer Connection Signaling Process WebSocket / AJAX / SIP LocalDescription RemoteDescription LocalDescription RemoteDescription Receives answer
- 36. Peer Connection Signaling Process WebSocket / AJAX / SIP LocalDescription RemoteDescription LocalDescription RemoteDescription
- 37. Peer Connection
- 38. Peer Connection
- 39. Peer Connection
- 40. Bandwith ● Video – 180p : 0.1 – 0.5 Mbps – 360p : 0.5 – 1 Mbps – 720p : 1 – 2 Mbps ● Audio – 0.06 – 0.51 Mbps
- 41. Libraries
- 42. Free Application ● https://appear.in/ ● https://appr.tc/
- 43. Referensi ● http://webrtc.org ● http://www.html5rocks.com/en/tutorials/webrtc/b asics/ ● https://www.pkcsecurity.com/blog#webrtc-flow ● https://www.webrtc-experiment.com/
- 45. Terima Kasih