WebRTC - Demo RTCDataChannel, perubahan API... dan Chrome berkomunikasi dengan Firefox

Sam Dutton

Kabar baik lainnya dari teman lama kami, WebRTC.

Lebih tepatnya: tiga kabar baik dan beberapa perubahan API kecil.

RTCDataChannel untuk Chrome

RTCDataChannel telah diterapkan di Chrome, dan ada demo kecil yang bagus di simpl.info/dc.

Demo ini menunjukkan komunikasi peer-to-peer data arbitrer – dalam kurang dari seratus baris kode. Anda memerlukan Chrome 25 atau yang lebih baru untuk melakukannya, yang saat ini berarti Beta atau Canary.

RTCDataChannel memanfaatkan fitur yang terintegrasi dengan RTCPeerConnection – tidak terkecuali, penggunaan framework ICE untuk melewati firewall dan NAT – dan memiliki banyak potensi aplikasi yang mengutamakan latensi rendah: untuk game, aplikasi desktop jarak jauh, chat teks real-time, dan transfer file.

Untuk mengetahui informasi selengkapnya tentang RTCDataChannel, lihat Memulai WebRTC.

Perubahan API

Tidak terlalu menarik, tetapi tetap penting: dari Chrome 26, beberapa properti RTCPeerConnection dan MediaStream API telah menjadi metode pengambil:

  1. MediaStream kini memiliki metode getAudioTracks(), bukan properti audioTracks, dan getVideoTracks(), bukan videoTracks.
  2. RTCPeerConnection kini memiliki getLocalStreams(), bukan localStreams, dan getRemoteStreams(), bukan remoteStreams.

Untuk melihat cara kerja MediaStream, lihat demo getUserMedia simpl.info/gum. Variabel stream berada dalam cakupan global: periksa dari konsol. Demikian pula untuk RTCPeerConnection di simpl.info/pc: objek RTCPeerConnection pc1 dan pc2 berada dalam cakupan global.

Chrome <=> Firefox

Dan jika Anda tidak mengetahui hal ini, Chrome kini dapat 'berbicara' dengan Firefox.

Anda dapat mencobanya sekarang di webrtc.org/start, yang memiliki petunjuk lengkap, link ke kode sumber, dan informasi tentang perbedaan API.

Terima kasih kepada Mozilla dan Google yang telah mewujudkannya.

Selamat membuat kode! Selain itu, beri tahu kami bug yang Anda temukan, baik dengan mengomentari postingan ini, atau di bugs.chromium.org. Dan jangan lupa, Anda selalu bisa mendapatkan informasi penerapan terbaru dari chromestatus.com yang luar biasa.