Cyber Code: webrtc

<div style="background-color: white; margin-bottom: 14px;">
<div style="color: #1b1b1b; text-align: justify;">
<span style="font-family: Georgia, Times New Roman, serif;"><span style="color: blue; font-size: large;"><u>pengenalan webrtc</u></span><span style="color: #1b1b1b; font-size: large;">     </span></span></div>
<div style="color: #1b1b1b; text-align: justify;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">     </span><br />
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">     Salah satu software/aplikasi audio/video (A/V) conference yang paling terkenal saat ini di khalayak umum adalah Skype; sebuah software gratis dari microsoft. Prosesnya mudah: unduh, instal, dan pakai. Namun, semua proses tersebut harus dilakukan di komputer pribadi. Sangat jarang rasanya menemukan Skype terpasang di komputer umum misalnya di bandara, rumah sakit, atau tempat-tempat umum lainnya. Nah, apa pernah terbayang jika kita bisa melakukan audio/video conference di mana saja dan kapan saja tanpa harus terikat dengan komputer pribadi dan tanpa harus melakukan proses instalasi?</span></div>
<div class="separator" style="clear: both; color: #1b1b1b; text-align: justify;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large; margin-left: 1em; margin-right: 1em;"><img border="0" height="130" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2TgNMrh3eG_UFbrWOwLjZOsaw-o2lPQJM9bj_m_Oio1oZX0VpuKmE3PIhVdBB7gYJgkqZJQmfMA8pCdOHEPezYHXU-_OeT2PPoxwNHrIoO6cK-2imCYJXPNa46UXVu-uV2h_EYXIvc4w/s400/webrtc.png" width="400" /></span></div>
<div style="color: #1b1b1b;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span></div>
</div>
<div style="background-color: white; color: #1b1b1b; margin-bottom: 14px;">
<div style="text-align: justify;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">    Sebuah teknologi bernama WebRTC hadir menjawab pertanyaan di atas. Web-RTC adalah singkatan dari Web Real-Time Commnication, sebuah teknologi yang diinisialisasi oleh Google, Mozilla, Opera, dan pihak lainnya  untuk menyediakan layanan audio/video conference melalui APIs yang sederhana. Hadirnya WebRTC membawa sebuah misi masa depan dalam bidang multimedia. Dicuplik dari <a href="http://webrtc.org/" style="color: #0088cc; text-decoration-line: none;">webrtc.org</a>, “<em><strong>Our mission:</strong> To enable rich, high quality, RTC applications to be developed  for the browser, mobile platforms, and IoT devices, and allow them all to communicate via a common set of protocols</em>”. Web-RTC menawarkan kemudahan bagi web developer untuk membuat aplikasi yang canggih dan real-time berbasis web tanpa membutuhkan plug-in, proses unduh atau proses instalasi. Selain itu, WebRTC juga dapat bekerja di banyak web browser dan antar platform atau sistem operasi baik komputer maupun <em>mobile device. </em>Hadirnya teknologi ini juga memberikan banyak keuntungan untuk users, dua diantaranya:</span></div>
</div>
<span style="font-family: Georgia, Times New Roman, serif;"><span style="background-color: white; color: #1b1b1b; font-size: large; text-align: justify;"></span><br /></span>
<ol><span style="background-color: white; color: #1b1b1b; font-family: Georgia, Times New Roman, serif; font-size: large; text-align: justify;">
<li>Mudah: tidak membutuhkan plug-in</li>
<li>Aman: sudah tersedia proses enkripsi  untuk media (audio/video) dan signalling sehingga WebRTC memiliki keamanan yang lebih baik dibandingkan teknologi audio/video yang sudah ada.</li>
</span></ol>
<span style="font-family: Georgia, Times New Roman, serif;"><span style="background-color: white; color: #1b1b1b; font-size: large; text-align: justify;">
</span>
</span><br />
<ol style="background-color: white; color: #1b1b1b; margin: 0px 0px 10px 25px; padding: 0px;">
</ol>
<div style="background-color: white; margin-bottom: 14px;">
<strong><span style="color: blue; font-family: Georgia, Times New Roman, serif; font-size: large;">Arsitektur</span></strong></div>
<div style="background-color: white; color: #1b1b1b; margin-bottom: 14px;">
<div style="text-align: justify;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">     Pada prinsipnya WebRTC terdiri dari 2 bagian utama untuk para developer yaitu: developer untuk web browser seperti Google Chrome dan developer aplikasi web menggunakan HTML dan Javascript. Bagi kita yang belajar di codesaya, maka developer aplikasi web adalah pilihan yang tepat, terutama mempelajari Javascript.</span></div>
</div>
<div style="background-color: white; color: #1b1b1b; margin-bottom: 14px;">
<img alt="" src="https://codesaya.com/media/blog_pics/thomhert_3489991c8d4945d86367295273142a9d.jpg" style="border: 0px; display: block; height: 326px; margin-left: auto !important; margin-right: auto !important; max-width: 100%; vertical-align: middle; width: 500px;" /></div>
<div style="background-color: white; color: #1b1b1b; margin-bottom: 14px;">
<div style="text-align: justify;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">Bagi ada yang ingin mencoba aplikasi WebRTC bisa menggunakan browser Chrome, Opera, dan Firefox</span></div>
</div>
<span style="font-family: Georgia, Times New Roman, serif;"><span style="background-color: white; color: #1b1b1b; font-size: large;"></span><br /></span>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<li style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Georgia, Times New Roman, serif;"><img alt="" src="https://codesaya.com/media/blog_pics/thomhert_9d8e4b58fca72bf55634a3164c133576.jpg" style="border: 0px; max-width: 100%; vertical-align: middle;" /></span></li>
<br />
<ol style="background-color: white; color: #1b1b1b; margin: 0px 0px 10px 25px; padding: 0px;"><span style="background-color: white; color: #1b1b1b; font-family: Georgia, Times New Roman, serif; font-size: large;">
<li>Akses <a href="http://apprtc.appspot.com/" style="color: #0088cc;">apprtc.appspot.com</a> di browser anda.</li>
<li>Klik "join" ketika halaman pertama muncul. </li>
<li>Setelah klik join, maka akan muncul notifikasi "allow" dan "block". Silakan klik "allow" untuk mengizinkan aplikasi mengakses kamera dan mikrofon yang terpasang di komputer/laptop.</li>
<li style="line-height: 30px;"><span style="font-size: large;">Di komputer lain, lakukan hal yang sama dan coba untuk masuk ke "room" bernomor sama.</span></li>
</span></ol>
<span style="font-family: Georgia, Times New Roman, serif;"><span style="background-color: white; color: #1b1b1b; font-size: large;">
</span>
</span><br />
<div style="background-color: white; color: #1b1b1b; margin-bottom: 14px;">
<div style="text-align: justify;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">   Sudah terbayang apa itu WebRTC? Di artikel berikutnya saya akan bahas tentang penggunaan javascript dalam WebRTC. Untuk saat ini silakan mencoba aplikasinya. Silakan kunjungi webrtc.org untuk mempelajari lebih dalam tentang APIs dan hal lain tentang WebRTC.</span></div>
</div>
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">webrtc merupakan salah satu bentuk kemajuan pemrograman web untuk sekarang sekarang ini</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivubAwuJE1Y4yv2DJ24y7gv-XdDdn8OF-7lLFviFf-YwucqKOzAabPUOezDX6vB87QnRklkUcyr5qX5FZTE4eIX48_f3dtyREG23beqFuL2fRQV2wwI4KXCuv9HzEN7jogMQ4A1sHrIZk/s1600/webrtc.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Georgia, Times New Roman, serif; font-size: x-large;"><img border="0" height="104" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivubAwuJE1Y4yv2DJ24y7gv-XdDdn8OF-7lLFviFf-YwucqKOzAabPUOezDX6vB87QnRklkUcyr5qX5FZTE4eIX48_f3dtyREG23beqFuL2fRQV2wwI4KXCuv9HzEN7jogMQ4A1sHrIZk/s320/webrtc.png" width="320" /></span></a></div>
<div>
<span style="font-family: Georgia, Times New Roman, serif; font-size: x-large;"><br /></span></div>
<div>
<span style="font-family: Georgia, Times New Roman, serif; font-size: x-large;"><span style="font-size: xx-small;"><br /></span>
</span><br />
<div>
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><span style="color: red;">anda dapat mempelajarinya dari source code berikut ini</span> : <a href="https://github.com/muaz-khan/WebRTC-Experiment">belajar webrtc</a></span><br />
<div>
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span></div>
<div>
<br /></div>
</div>
</div>

webrtc

pengenalan webrtc Salah satu software/aplikasi audio/video (A/V) conference yang paling terkenal saat ini di khalayak ...

Cyber Code

webrtc

Terpopuler

komentar

Blog Archive