Selasa, 12 Februari 2019

Dokumentasi WebRTC

     WebRTC (Web Real-Time Communication) , adalah komunikasi secara simultan terhubung secara terus-menerus atau disebut juga dengan istilah streaming/real time. Contoh, kalian mungkin sering menggunakan video call di facebook atau whatsapp atau skype, nahh itulah real time communication dan aplikasi keren seperti itulah yang akan aku buat kali ini.

    Pembahasan kali ini saya usahakan menggunakan bahasa yang lebih populer/sederhana agar saya sendiri juga mudah faham :D.

1. Kita butuh akses menggunakam kamera di laptop/hp kita dengan kode getUserMedia.

Contoh :

var video = document.querySelector("#videoElement");
 
if (navigator.mediaDevices.getUserMedia) {       
    navigator.mediaDevices.getUserMedia({video: true})
  .then(function(stream) {
    console.log(stream);
    video.srcObject = stream;
  })
  .catch(function(err0r) {
    console.log("Something went wrong!");
  });
}
Hasilnya seperti berikut :


Ok, sepertinya kita kodenya bekerja dengan benar, hmmmmmmm selanjutnya adalah mengirimkan video ini ke komputer lain yang membuka blog ini. Tapi cara kirimnya bagaimana?

Tidak ada komentar:

Posting Komentar