Ngobrolin Koneksi Real-Time

6:13banget masuknya Nah akhirnya kepikiran karena di Indonesia itu enggak ada eh api yang kita bisa pakai untuk ngdevelop

6:22eh produc live streaming kemudian juga Eh kayak Google meet atau telemedicine atau consultation dan lain-lain akhirnya Ya udah waktu itu penasaran

6:32dengan wprtc dan udah ngoprek wprtc dari 2016 anyway yang bikin dulu pertama kali jadi GD itu sebenarnya demo web RTC jadi

6:42ada ada dulu tuh ada e istilahnya ada J with Chrome jadi kita main band main music gitu ya itu pakai

6:53webt jadi eh tinggal buka browser terus kita pilih eh toolsnya mau pakai pakai drum mau pakai gitar mau pakai piano

7:01gitu kan Terus kita nyambungnya lewat wprtc itu waktu itu buat saya amaz banget dan akhirnya jadi penasaran buat

7:08explore wetc nah Karena itulah Berhubung ada kern terkait infra api kita di Indonesia enggak ada pengin develop

7:17something susah mahal gitu ya terus lagi passionate ke weprtc Ya udah akhirnya mutusin Ya udah develop aja l eh sendiri ketimbang

7:27nungguin yang luar gitu h gitulah kurang lebih e idenya gitu Oke berarti web ini udah lama banget

7:35sebenarnya yaarting from 2012 2011an yaah itu Jadi kalau misalnya apa kita tahu get user media tuh media streams and capture api

7:47itu yang buat apa E ngambil gambar dari webcam dan mikrofon dan sebagainya itu kayak foundationnya landasan buat itu

7:56kayak di konsep sebagai bagian dari web RC api kan Ya jadi itu kayak nyiapin untuk ke depannya webtisc jadi emang

8:05kayaknya ini salah satu hal yang udah dikejar dan udah dipengin banyak pihak dari dulu ya ber karena kan kalau gak

8:13bisa capture video kan apa yang bisa dikirim buat kalauudah bisa akirnya kan bisa tinggal dikir lewat Network

8:27itend di sedikit tentang webt itu apa dan cas-nya bisa dipakai buat apa aja Oke jadi webtc itu ya nama singkatan kan

8:37sebenarnya web Real Time communication ya Eh pada dasarnya ini adalah protokol yang memungkinkan kita tuh ngdevelop aplikasi yang

8:49menggunakan komunikasi dua arah berbasis Iya berbasis media atau data dan eh Karena yang namanya real ada jadi

9:04diperlukan yang sangat rendah kalau kitaobrol Kayak ginya idealnyaak Bo lebih dari 200 kar dari 200r jadi kayak an gitu kayak

9:28ada Nah inilah yang sebenarnya eh di eh develop sebagai protokol standar sehingga semua browser itu bisa berkomunikasi karena kan kalau enggak

9:41distandarisasi masing-masing pakai protokol berbeda semua bikin sendiri rep Iya akhirnya kan W enggak bisa eh jalan kan enggak bisa satu pakai Firefox

9:51kemudian satu pakai Chrome satu Pakai safari engak bisa nyambung kalau misalnya kita pengin ngobrol kayak sekarang Nah itulah kenapa Eh dievelop

10:01yang namanya webrtc tujuannya itu untuk memudahkan kita menggunakan api standar ini ngevelop aplikasi web walaupun sekarang juga dipakai ya librarynya di

10:12mobile di natif gitu tapi awalnya memang Tujuannya adalah untuk digunakan di browser sehingga kita bisa communicate Real Time berbasis media atau data

10:23itu beradi Yang sekarang kita ini berarti kan kita nih antara masan berarti dari sayanya ke

10:44Yohan jadi jaditc itu memang pada dasarnya adalah aplikasi yang didesain untuk jadi bisaja kitaangobsatver yang sekarang dalam

11:00artian lebih dari satu kalau satu satu e 101 itu memang idealnya biasanya itu dibuat e pe to jadi server itu cuman

11:12buat e ngasih tahu Oh alamatnya Eka ini alamatnya ya betul jadi e ons sudah saling tahu alamatnya itu langsung akan

11:23terkubung to Nah Tapi kalau dalam konteks kita sekarang karena lebih dari satu Biasanya kalau udah lebih dari satu

11:30dibikin to itu bandwinya gak cukup karena kalau misalnya juga harus i betul jadi kayak kalau misalnya kita mau bikin

11:44semua kita pakai 720 gitu ya dengan bitate 3 megb per artinya ini saya ke keama 9 megb per yang dibutuhkan gak

12:01ideal kan sehingga dielop bu bukan Protol tapi ada metode yaitu yang namanya selec forwarding unit atau sfu Jadi sebenarnya kita tuh ngirim

12:16video ke server server ini tugasnya yang ngbroadcast ke yang lain tapi dia cum nurusinnya adaingakah ini ini yang menarik eh zaman

12:31dulu encoding itu terjadi di serverver di server jadi dulu pada zaman Skype terus apaagi ya yang zaman dulu

12:42tuh Microsoft punya apa ya D Skype ya zaman dulu gitu ya tuleang engakang ituudah

12:59awal-awal 2016 gitu hangout mungkin awal-awal sempat eh di dulu jadi ada namanya MCU saya lupa namanya si panjangannya

13:11apa tapi MCU itu pada dasarnya diacode semua video kemudian video encoding itu diforward ke yang lain Jadi

13:25itu nambahens sat eh Terus yang kedua Tapi eh Ya nambah beban server juga jadi sekarang sih enggak kalau dalam

13:38konteks yang kita lakuin sudah tinggal diforward aja videonya gitu berarti sudah sudah terjadi encoding di oke oke nah teknologi yang

13:52digunakan selain web RTC di in apa aja ya Eh saat ini sebenarnya kita kan ada dua produk

14:02jadi produk yang pertama itu kan kita sama persis kayak ini jadi kemudian ini ke Youtube kan ya yang pertama kita itu pada dasarnya

14:16mirip kayak gini jadi dia capture video menggunakancemud divernyavernya jadi format hls sama

14:32Das nah hls sama Das Ini format standar live streaming sebenarnya yang digunakan di YouTube live juga Jadi itu kita combine antara WC f sama

14:48hls nah yang produk kedua itu murni web RTC dengan menggunakan sfu tadi yang selec forward Jadi kalau yang produk kedua itu

15:02memungkinkan kita ya bikin kayak streamyard kayak gini ada banyak orang atau mau bikin telemedicine mau bikin Google meet mau

15:12bikin webinar gitu Nah itu pada dasarnya teknologi sebagian besar lebih banyak menggunakan WTC tapi dalam dalam konteks itu tuh

15:25luas banget sebenarnya jadi engak cukup cuman dengan eh kita capture terus kemudian kirim yang paling ribet itu

15:34dari webrtc eh terutama kalau kita banyak orang kayak gini itu ada istilah namanya e congestion controller Jadi

15:42kalau misalnya saya tu video 720 nih ceritanya terus kan bandwinya ek ternyata cuman muat 360 nah video saya kan berarti harus

15:57ditunin I nah diturunin itu itu sebenarnya gak die ulang jadi dic ada namanya selectif eh

16:12video namanyac eh Smart video coding kalau gak salah saya lupaanjangannya apa Eh ini yang diterapin di vp9 kalau di h264 itu belum

16:24bisa tapi kalau di ada namanyac Jadi saya tapi di server itu kita bisa ngakalin yang mau dikirim ke ek ini mau

16:34360 atau yang 180 Ul berver itu kayakoses on the gitu i betul Jadi pada dasarnya pada saat kita

16:49ngirim video itu kan yang dikirim sebenarnya adalah paketaketakak misalnya Oh Eka ini cuman bisa terima 360 artinya setelah saya

17:03ngirim 360 ke Eka video sisa paketnya itu didrop di server karena kalau dikirim juga Eka jadinya terima

17:13720 Oh gitu jadi ada mekanisme Gimana caranya kita ng-drop paket yang kira-kira tidak dibutuhkan oleh Eka sehingga tidak perlu render videonya

17:25sampai 720 cuman sampai 360 aja gitu Nah itulah itulah fungsi eh dari wepertis eh kodek yang vp9 itu punya

17:37Google eh terus kemudian ada lagi teknologi simulkas gitu ya itu tuh kalau simulkas ini agak kompleks ya karena

17:45simulkas ini kita ngirim video itu tiga jenis sekaligus jadi ada 720 kemudian ada 360 kemudian 180 nah di server itu

17:57server yang milih ini dari tiga Stream yang saya punya mana yang saya harus forward ke ek sesuai dengan

18:05bandwidnya Nah itu untuk memastikan biar biar apa Eka tuh bisa terima video Tapi bandwidnya tuh gak Bu diili i betul biar

18:17gak mampet gitu gambar jadi bisa dibilang ya kalau kita peng ngevelop ei server buat wetc weend itu sebenarnya bisa selesai prototypenya

18:33ya prototypenya aja gitu tapi untuk ngdevelop wetc server yang bisa jalan di semua kondisi Wah itu tuh never ending

18:43Journey sih sampai sekarang kita masih ngulik-ngulik nih kalau misalnya contoh gitu ya oh bandwidnya sekian tapi paket

18:51losnya tinggi misalnya gimana nihaliin Kalau paket Los tinggi Nah itu ada lagi teknologinya macam-macam kalau videonya banyak hilang paketnya

19:02kan videonya jadi pixelated atau ngfreze gitu kan Nah itu tuh ada ada caranya buat ngakalin walaupun paket Los hilang

19:09itu video masih bisa smoo itu ada caranya pakai Aak ada ada yang lagi dievelop jadi Google itu lagi punya kalau buat audio

19:21ada namanya e kan sekarang kodek yang kita pakai ini namanya Opus ya kodeknya Oh i op heeh Google itu sudah ngerilis

19:30ada kodek yang namanya likra Lira saya lupa Lira Kalau enggak salah itu tuh dia pakai eh ai Jadi kalau ada paket loss

19:39paketnya itu direcover pakai Ai sehingga walaupun koneksinya jelek audio kita tetap jelas karena dia tuh memprediksi bahwa kalau bilang Misalnya

19:51Saya mau bilang Apple nih ya baru yang kedapat itu cuman up tapi dia UD nebak Berikutnya ini Apple nih apa Oh bukan

20:00app Iya gitu sama kayak large language model aja prediksi yang hilang itu dia memprediksi Oh apa sih kira-kira yang

20:10hilang ini gitu itu Eh kodeknya udah masuk dalam eksperimen sih sekarang H gitu Nah kalau web ATC ini

20:23sendiri bukan cuman buat multimedia kan bisa buat yang lain juga kan use case-nya kan Ya I teks juga bisa kan

20:31teks juga bisa nah teks juga bisa di web RTC itu kan ada data channel Oh datanya data channel Iya yang menarik ini yang

20:41paling menarik ya jadi Zoom itu dia pakai webtis-nya tuh aneh agak nyeleneh jadi Zoom itu dia capturing

20:53video itu menggunakan h264 He tapi permasalahannya kodek yang dipakai oleh Zoom itu gak disupport samatc jadi dia punya h264 ini kan ada

21:08banyak ya ada yang Open gitu ya ada yang [Musik] e jadi Zoom itu pakai yang komersial atau bukan yang non Open gitu memang ada

21:18kelebihannya kelebihannya itu mirip kayak spc-nya VPN tadi jadi bisa ngropedrop paket itu Eh jadi Zoom itu ngakalinnya dia pakai wetisc video

21:29kodeknya itu dikirim lewat data channel jadi dikirim Iya dikirim berupa binary stream dikirim lewat data channel gitu Nah yang yang yang menarik

21:45lagi adalah Kenapa dia ngirim data channel dan kenapa dia butuh wec jatuhnya Kenapa dia gak kirim pakai webset aja kalau

21:54gitu Iya i engak pakai karena kan websocket bisa ngirim binari juga kan dasarnya Iya kan Nah ini ini

22:06yang paling menarik kalau pakai websocket bisa dipastikan kita enggak bisa ngobrol kayak sekarang kalau pakai websocket delay karena latensi lat

22:16karena latensy betul Jadi sebelum kita melihat perbedaan webscket dan wetisc ya yang paling harus dipahami itu sebenarnya nya adalah perbedaan antara

22:30TCP dan udp udp I Protocol layer network I versus udp Yes betul jadi kalau di jaringan itu ada dua jenis protokol satu

22:45TCP atau kita bilangnya TCP ini adalah reliable Network jadi apa yang kita kirim itu akan dikontrol dan dipastikan

22:53selalu diterima di ujung I ada ack-nya iya ada ak-nya knowledge Ya tapi kalau yang udp itu tuh dia kirim kirim kirim kirim

23:06tapi enggak peduli terima sana sana terima atau enggak enggak peduli pokoknya kirim kirim kirim aja enggak ada statusnya Iya betul nah jadi yang

23:15menarik adalah kan kita tahu tadi video atau data apapun kalau dikirim kan selalu paket-paket ya He nah kalau

23:23dikirim lewat webscket itu tuh Cara kirimnya tuh bakal kayak gini paket satu kirim server itu dia harus ngjawab dulu

23:32saya terima ya paket sat terus dikirim balik begitu sudah dikasih tahu udah dikirim Bik ohudah diterima paket oke

23:40Ini paket nunggu lagi dijawab dari server dan kalau server bilang Eh gua gak terima kita h

23:56inter50 jadi kita ngirim nih ke sana 50 m terus dikasih tahu I balik lagi 50 gitu kan itu

24:08kanudah 100 m jadi belum lagi kalau yang tadi Bil ada yang missing terus dia harus kirim ulang terus Bik lagi ituudah 200 kalau

24:20sekaliir ulangingkanudp yangaketnya jedanya itu bisa nanose second bukan milisec lagi W Oke biasanya ngirim paket udp eh yang berbasis video

24:36itu eh waktu yang diperlukan kurang lebih jarak antar paket cuman 50 nan jadi bisa dikirim tu pak inst paket

24:46paket paket benan terus gu ya jadi dia cuman ngirim paket paket pak paket per 50 Nan dia ngirim paket terus gitu ya

24:55kalau nanti dari sana ngasih tahu ada yang missing baru dia kirim ulang jadi enggak ada tektokan sifatnya

25:03oke tapi itu kan lebih baik kalau misalnya di video streaming kan kalau misalnya kayak chat text base sedangkan

25:10urutan itu kan penting ya apakah lebih baik kalau chat atau e colaborative editing kayak Google doc kalau yang datanya harus bener ya harus

25:22perfect ya apalagi misalnya k ada Collision detection nih kalau misalnya iya ya itu kan harus kayak data yang diedit bersama

25:32itu kan bisa terjadi colision I kalau misalnya kirimk k kflik gitu Jadi apa lebih baik workshop atau WTC gitu Kalau

25:43misalnya datanya itu kita bisa kirim cuman satu paket gitu ya dalam artian enggak lebih dari 1500 byte Kenapa 1500

25:54byte Jadi biasanya kalau yang suka main ya kalau yang yang suka main game Itu kan eh cara ngakal-ngakalin Network

26:01latensi itu kadang coba tuh adjust mtu-nya di router Iya kan itu maksimum transmission unit jadi satu paket itu

26:09maksimum dikirim berapa ya itu biasanya 1500 byte itu Nah kalau paket data yang berupa teks atau kalau kita main game

26:18online kayak Dota gitu kan itu kan dia cuman ngirim koordinat kan koordinat terus ngirim ee apa eh data biasanya AC

26:29Iya action kayak up down e left gitu kan itu kan sebenarnya dikirim satu paket eh berulang itu sebenarnya ok gitu karena

26:41enggak perlu ada satu paket dikirim langsung banyak beda dengan video video video itu kalau kita kirim kefame

26:53atau gambar full itu tuh dia butuh mungkin kurang lebih ada Li paket sekaligus yang akan dikirim sehingga ini tuh enggak boleh

27:04ada delay enggak boleh ada yang hilang sehingga kalau pakai eh ngirim lima paket sekaligus dan harus diterima

27:13secepat mungkin itu tuh Enggak mungkin pakai TCP terlalu lambat Oke Kecuali Kecuali konsepnya itu adalah live streaming yang delay itu

27:28kayak satu arah kayak YouTube itu kan satu arah kan YouTube live ya ya I YouTube itu kan protokolnya masih http

27:36walaupun Ah ada http 3 yang berbasis udp gitu ya tapi YouTube itu dengan http 2 juga itu pada dasarnya TCP kan I dan itu

27:45kan ngstream video betul Dan itu enggak masalah kenapa karena sebenarnya delaynya tuh sampai 2 detik tapi kalau kita ngobrol kayak gini

27:55kan gak boleh ada delay 2 detik jauh sekali ya I Nah itulah Kenapa kalau kita yang berbasis video karena

28:05datanya streamnya itu gede dan banyak gitu ya itu hampir enggak mungkin kita pakai TCP H kalau jaringannya sangat Oke

28:14mungkin masih Mungkin gitu ya tapi most likely sebenarnya sebagus-bagus apanya jaringan kita tapi kalau WiFi kita aja

28:23tabrakan sama punya tetangga iya iya itu pasti paket loss-nya udah hilang duluan di rumah Gitu sebelum dikirim

28:31hmm yup yup paket loss itu terjadi ya Oh berarti web itu pakai udp Terus kalau webscket itu pakai TCP

28:41berarti ya Iya betul gitu bedanya nah kebutuhan untuk web RTC itu kan kalau secara infrastruktur kan ya

28:54E pertama butuh signaling yang mendaftarkan address dari pasih tahu Oh Mas Yohan detail networknya di sinii supaya kita bisaect

29:11terkunikasi Lalu ada yang disebut dengan kayak Stone atau senya buat apa sih oke nah Ini yang Menar

29:23Kenapa but dan server buat sign sedangkan websocket enggak pada dasarnya karena pe to yang web RTC itu

29:36gak butuh IP public jadi tidak memerlukan atau tadi Kalau weet kan kita yang penting ipnya berapa

29:56kanverver jadi kita beneran nembak satu IP dan langsung connect kan Iya dan itu jadi kita untuk bisa connect ke server

30:06web socket itu tuh beneran ya tembak aja ke sana tapi kalau yang namanya webtc terutama yang 101 ya kayak eh saya Eh

30:19kita mau communicate Berempat nih ini tuh udah pasti Eh kalau sor kalau kalau beremp ini kan sama server jadi kita

30:30sekarang connectnya itu kan ke streamy server Kalau ama streamy server itu kita bisa enggak pakai stun dan ggak usah

30:37pakai turn Kenapa karena kan punya IP public Oh ya kan Oke gitu Jadi bisa aja yang diperlukan

30:51itu cuman off SDP session description Protocol yang isinya tuh cuman menjabarkan alamat saya tu e servernya di mana terus kemudian saya

31:05pakai kodeknya apa aja terus saya kasih nih ke r r terima tuh dia bilang oh Yohan kodeknya VP ya Oh oke saya support

31:15kok VP nanti R akan balas dia ngasihare SDP namanya SP itu isinya sama kayak SDP isinya juga cuman Oh alamat saya terus

31:27kemudian kodek yang saya support itu ini Nah nanti itu di matchming Oh jadi nanti saya ngirim video ke Risa itu tuh

31:36kodeknya udah pasti bisa diterima sama Risa Karena dia udah ngasih tahu kan sebelumnya gitu Jadi kalau misalnya

31:46dalam konteks streamyard itu tuh mungkin kita enggak perlu stun dan turn tadi karena stream punya public IP kalau in

31:57juga sama kasusnya eh inl itu itu kita pakai eh turn server stunnya enggak dipakai gitu Kenapa karena kita ngdeply

32:09inl server itu di belakang kubernetes Oh berarti Ada proxi ya Ada nutsnya kan jadin Ada ada ada I Iya jadi

32:22servernya in sendiri itu sebenarnya enggak punya IP publ H gitu karena dia lewat load balancer-nya kubernetes kita

32:32kan gitu nah itu makanya kita cuma pakai turn tapi kita enggak pakai e stun Kenapa karena eh kita lagi-lagi eh turn kita itu punya

32:43IP publ jadi bisa langsung connect aja ke turn gitu nah web socket itu enggak perlu turn dan Stone sesimpel karena ya

32:56itu tadi dia sudah tahu IP publiknya ya karena dia sebenarnya Cuma connect ke ya itu websocket Protocol wss biasanya

33:07websocket secure websocket Protocol dan langsung IP atau domain yang sudah public yang ada service websocketnya kan sebenarnya i betul nah bedanya

33:18sebenarnya cuman stun itu itu sebenarnya untuk ngasih tahu IP saya itu berapa sih Oh jadi ini tuh paling sederhana kayak

33:28gini ya bentar e boleh screen sharing engak boleh Boleh silakan silakan Oke jadiama politik kan apa

33:45iniama jadi misalnya bentar screen sharing dulu jadi contoh nih ini tuh ada e website kalian bisa cari aja trickle I

34:01gitu ya Ini tuh untuk ngecek eh IP address kita dari stun servernya Google jadi misalnya kita get kandidat

34:12di bawah ini gitu ya running Nah ini kan kalau dilihat ini tuh eh ada dua IP address ya kan IP sama ip4 ya

34:28Iya betul nah ini ini adalah IP address router saya yang bawah itu oke seh tapi bukan IP public kan Mas Mas

34:41Yohan bukan IP public kan itu oh routernya kebetulan paketan gaming jadi itu I public memang routernya bagian di

34:50belakang bisa juga di belakang n sih Iya nah eh bisa jadi justru memang sebenarnya stun itu itu untuk ngetrace IP kita dari

35:04dari laptop Terus nyambung ke router Terus nyambung lagi ke routernya ISP Terus nyambung lagi ke mana sampai IP

35:13publ yang kira-kira bisa diakses sama Pir Pir sebelah kita gitu Hm jadi fungsi kayak untuk buka connection ya jadi

35:23kayak cari pintunya gitu e bu biar bisa saling nanti keluar masuk sendiri Tapi harus tahu pintunya dari kedua kedua

35:33pihak G betul karena ada istilahnya kalau di jaringan Tu ada punch punching jadi kayak nusuk lubang ke

35:44dalam nuts Jadi sebenarnya caranya itu adalah Eh kita ituect ke e ST server pada saat kita ke ST server let's

35:58say di port di situ tuh 59 1600 ya Iya port itu tuh otomatis di eh router itu

36:07kan kebuka Iya nah port itu dibuka sebenarnya untuk nanti pir dari sana itu bisa lewat port itu karena by default

36:17nuts itu kalau tidak ada koneksi dari dalam dia enggak akan mau ngebuka port itu pasti keblok sama firewall kan atau

36:25keblok sama nnya Oh iya iya berarti harus dari dalam dulu yang request betul jadi stun itu sebenarnya

36:34mekanismenya adalah ngebukain jalur biar pir dari sana itu bisa lewat ke jalur yang sudah dibukain Oke gitu gambarannya nah yang terjadi

36:45juga sometimes kalau ini kasusnya kayak enterprise yang di mana secara security companynya itu membutuhkan karyawannya Pak pakai

36:57VPN web artis itu juga masalah kan dengan Iya koneksi yang di behind VPN gitu Nah karena bingung ini sekarang i

37:06betul companynya sama-sama vpn-nya IP publicnya sama misalnya kita semua di sini pakai VPN yang sama yang dari

37:14company I public kita sama semua tuh nah itu yang Iya betul maksud saya nah salah satu kelemahan Al mungkin masalah Iya nah

37:25tapi itulah fungsi dari turn server kalau tadi kan turn server kan Oh oke bus punya turn server lagium Iya ada

37:33lagi turn server karena turn server ini sebenarnya kita bisa bilang sebagai relay server atau proxy server H yang

37:42bisa kita pakai untuk terhubung karena turn server ini udah pasti punya IP public jadi sama kayak webscket aja

37:49connect-nya H gitu tinggal tinggal nembak aja ke IP publnya kan I berarti snya ngasih tahu kita posisinya di mana

37:58Oh berarti masing-masing device eh connect ke si turn server si proxy servernya dulu kan kalau pakai turn kita

38:05itu enggak peer to peer lagi semuanya itu lewat turn server Jadi udah kayak relay aja gitu gambarannya nah kurang lebih gitu sih

38:19kenapa Eh apa kita butuh eh stun dan eh turn itu sebenarnya untuk bisa peir toir ya ngakalin peir toirnya

38:29Itu karena tanpa stun e tanpa stun dan turn kalau kita ggak punya public IP artinya kan kita gak bisa dihubungi dari

38:38luar kan I Nah itulah fungsi stun dan turn pada saat bikin hubungan e wtis gitu Oke kita pause dulu udah pada pusing

38:51pada binganya tanya a silakan ini ya ini mungkin kalau kita ngomongin teknisnya mungkin buat yang baru-baru itu pasti akan sangat

39:05kompleks akan sangat rumit Iya mungkin bet eh enaknya ke ke sesi berikutnya itu kita bahas saja ini sebenarnya web itu

39:14bisa diapain sih kemudian webet tu eh kira-kira komarable enggak sih dengan web RTC jadi kita ngomongin produk lah

39:24yang kita bisa explore yang berbasis webtc itu kita coba aja nah inl sendiri eh target marketnya itu B2B atau b2c ya

39:34Eh saat awal-awal kita mulai awalnya kan kita jualan api ya jualan api api send I api sendiri itu kan pada dasarnya B2B

39:46awalnya tapi kalau jualan B2B itu pasti e kita sudah ngerasain itu susahnya minta ampun Kenapa karena akan selalu ee

39:55setiap ada perusahaan yang kita tawarin selalu akan nanya kliennya siapa ya itu selalu jadi pertanyaan Sara belum ada

40:05kita baru mulai gitu kan Oh ini ya masalah yang sama ya apa kayak ayam sama telur ya Yang mana yang duluan Iya betul

40:13betul betul I nah atau kayak lamar kerja butuh pengalaman kerja pengalaman I itulah fungsinya internship kan sebenarnya ada pengalaman kerja oke oke

40:26sehingga kita tuh eh terinspirasi dari tiktok sebenarnya jadi tiktok itu kan e B2 ya jadi dia consumer bas app yang dipakai masif gitu

40:38di dunia terus sekarang behind the scene itu sebennya B dance atau induk dari tiktok sendiri itu nawarin nawarin Fi yang sama dengan Fi

40:49in itu ke perusahaan-perusahaan untuk nawarin ngevelop live streaming live shopping eh or anything live live video gitu ya terus kalau kliennya nanya

41:04nanya portfolio mana iniurak Peru Engak perluak enggak perlu udah ada gitu kan Nah itulah Kenapa inl akhirnya mutusin

41:14Oh better kita coba eh fokus untuk ng-solve eh apa yang kita lihat dulu di teman-teman kita sehingga kita saat ini

41:23e fokus eh coba naikin b2c jadi eh ada satu aplikasi yang namanya e inl room yang kita develop itu bisa dibuka di

41:34room.inl.pp pada dasarnya ini mirip kayak Google meet tapi kita gak Pengin compit sama Google meet atau Zoom atau

41:42eh Microsoft team eh Fokus utama dari in live room ke depannya itu lebih buat webinar sebenarnya Jadi kurang lebih kita peng ngegabungin

41:55e .com kemudian eh Zoom kemudian paymentnya juga sekaligus jadi orang bisa bikin webinar webinar berbayar jual tiket di situ terus

42:11kemudian joinnya juga kelasnya ya langsung di situ berarti bisa Jadi kalau misalnya ada bikinusif S apa ya lagi nontonplay yang ikut nontonay

42:23rekamin Pak in jadi di broadc bisa join Iya terus diset diseretam lah diseret kalau bajakan itu wah ini tampilannya juga mirip-mirip

42:39e Google meet ya langsung ada i inspir i sense nah ini ada pertanyaan nih dari Rahmat nih in in life support I enggak

42:52apa ya n Oh bukan Iya Jadi sebenarnya untuk n2ncription eh inl sendiri saat ini memutuskan belum mensupport Kenapa ada ada alasannya

43:08sebenarnya jadi Eh toend encryption ini membuat kita sebagai server itu tidak bisa membaca apa yang lewat di server

43:20kita karena kita cuman bisa nge-forward aja kan Nah sedangkan karena tadi fokus kitaal pengel webinar di mana Kalau webinar ini kan ke

43:32depannya berapa fitur yang mungan diukan misalnya salah satunyaud jadi audio yang lewat itu bisaah jadi misak

43:55mungakisaver support juga itu yaitu namanya eh Voice detection jadi pada saat kita ngomong itu bisa keedetect Oh

44:02ini lagi ngomong nah kalau pakai n encryption lagi-lagi itu enggak bisa didetect kita enggak bisa baca yes gitu akhirnya saat

44:13ini kita memutuskan Oke kita eh untuk kebutuhan inl room kita enggak perlu ngerjain end to end encryption dulu Tapi

44:21nanti kalau ada kebutuhan itu bukan hal yang sulit kenapa ituudah punyai Yangi yang memungk

44:36kita sangudah karudah ada Diah sejauh ini yang apa yangudah

44:52ituudah ada Eh kalau kemarin-kemarin sih kita memang lebih pakai buat meeting gitu Iya lebih pakai buat meeting terus

45:05eh beberapa klien yang kita ngobrol itu itu sebenarnya ada yang Eh lagi explore untuk penggunaan jalur komunikasi

45:15ofisial untuk perbankan jadi i jadi kan Eh ini sebenarnya Eh kayak dalam konteks misalnya ee semua komunikasi perusahaan kan saat ini

45:28biasanya lewat Whatsapp ya terus bank kalau ngak kli itu tuh biasanya kalau lewat jalur personal gak punya legalitas dan gak bisa

45:44dipertanggungjawabkan dan gak bisaord I bisaord Tapi itu kan manual semuanya gitu Jadi ada satal kita yang lagi ngobrol pada dasarnya dia pengin

45:57ngdevelop eh aplikasi mirip kayak WhatsApp Which is possible dengan inl api Eh tapi fungsinya memang untuk internal

46:07communication jadi setiap obrolan di situ setiap chat itu bisa kerecord di server sehingga apapun yang dikomunikasikan itu bisa

46:19dipertanggungjawabkan Oke berarti ibarat ini salah satu use case di luar Google meeting tadi makanya dengan bantuan in bisa kita itu bisa

46:30membuat serv WhatsApp sendiri atau telegram sendiri di mana bisa ada video call bisa ada chat juga ya

46:38betul gitu nah ini ada pertanyaan lagi Oh lanjut lanjut lanjut langsung aja Oh langsung oke ini eh salah satu fitur yang sulit

46:49diimplementasi adalah dedicated room for video streaming Apakah in support untuk dihost di server sendiri i ya Eh pada

46:57dasarnya Core teknologi dari inlife itu sendiri itu tuh open source H jadi kalau bisa tolong dibantu dibukain ke github

47:07kita ada inl Death itu tuh kitab Iya eh inl dep/sfw eh bukan ini ya coba yang di

47:21private chat eh private chat ini bisendiri ya ya room itu yangadi jadi room itu

47:40openour open souralus [Musik] dariver kita Oh jadi bahkan kalau buka

47:59ada example http websocket itu tuh kita bisa ng-running langsung eh aplikasi mirip kayak streamyard atau Google meet very simple layout-nya very

48:12basic gitu ya tapi ya nunjukin nunjukin fungsi sfu tadi yang nge-forward kita ngirim video kemudian di broadcast yang

48:19lain yang ada di dalam room itu gitu i i jadi pertanyaan yang tadi sebenarnya kita kita Open untuk dihost di server

48:30sendiri jadi kita nerapin e ada istilahnya namanya kita ya Bilangnya erprise lic jadi sifatnya itu memang kita nghost di servernya mereka

48:42sendiri ya bayarnya tuh per Instance per tahun Biayanya berapa ya itu silakisaverend dengan infra sendiri tapi makai e server kita itu bisa tapi

49:00biasanya eh running server sendiri itu jauh lebih kompleks Kalau udah ngerti kita juga provide support Kalau udah ngerti ya

49:10silakan sih bisa-bisa aja tapi eh Kalau agak rumit ya better pakai yang Cloud api kita aja gitu Oh jadi ada ada

49:21ininya ya ada apa ada bisnis modelnya seperti itu ya mau yang he tinggal terus habis itu deploy atau pakai service yang

49:30sudah disediakan oleh in ya i betul betul tanyaannya Kalau kayak kalau pakai dari inl kan dihostingin juga kan ada

49:37ada servernya kan bisa kect pokoknya enggak perlu mikir infra atau apalah deploy-deployan ya kayak met karena Iya

49:45karena sebenarnya ya masalah kita nge-host server itu terutama kalau kalian nge-hostnya itu kayak di Google Cloud di Amazon dan lain-lain the most

49:54Painful part itu sebenarnya adalah bandwid-nya H bandwid-nya Google Cloud Amazon dan kawan-kawan itu super mahal Bay sangat mahal Iya Oh berarti inl

50:06enggak enggak di Cloud ya enggak di cloud-nya yang tadi disebutkan enggak onprame ya oke Karena dedicated Line di Indonesia tuh enggak

50:18di enggak bayar per bandwid cuma bayar Sori enggak baw enggak bayar per per toal bandwi yang digun

50:26I jalur B yang berpulan jadinya per capacity gitu yes gitu Betul tapi ya Feel Free aja sesuai

50:36kebutuhan kalau band yang dipakai masih kecil ya buat personal gitu Ya bikin kelas online seminggu cuman satu kali

50:43dua kali di Google Cloud itu masih affordable kok pakai aja yang open source atau bisa ngobrol gitu question kalau misalnya

50:55komunitas kayak kita nih ngobrolin web pengin pakai inl teknisnya gimana nah yang bisa bisa dibroadcast ke Youtube

51:03juga ya Nah saat ini kita belum support broadcast ke Youtube gitu karena belum ada klien yang minta

51:12Oke jadi kita e belum buattin Tapi pada dasarnya ngebuatin itu tuh eh sebenarnya konteksnya sederhana dan masihib juga

51:21kita lakuin eh bedanya itu adalah e kita pada dasarnya Ya sama aja kayak masuk ke inl room tadi tapi kan itu sama aja

51:31kayak kita masuk ke Zoom atau kita masuk ke eh Google meet gitu ya Nah kemudian ya dicapture Pai eh obs kemudian

51:41ditbakin gitu nah tapi kan kalau dalam konteks kayak gitu itu kan biasanya butuh PC yang powerful ya biar bisa

51:50eh capture pakai obs kemudian ditembakin ke ee e YouTube ya Nah Kara butuh Juga misalnya kayak misalnya pakai PC siapa

52:00misalnya saya gitu berarti kan harus ada audio feedback juga karena harus bisa dapat audio yang Saya dengar masuk ke

52:09obs baru Tebak itu Kalau enggak ya i betul ada videonya Enggak ada enggak Ada audionya gitu juga susah tapi buat

52:17kalian karena biar kita bisa ngobrol di live room enggak usah pakai stream lagi nanti saya bikinin deh sanggur sanggur

52:30sangur bikin itu tuh harusnya itu harusnya Harusnya gak runith Karena pada dasarnya dia cuman e apa ngerekam Chrome headless kayak gini

52:47terus ya ditembakin aja ke itu e youtube-nya gitu jadi bisa kita buatin di berarti kita nembak langsung nih ya

52:59minta disponsorin kita buat contoh k kita harus nanti itunya mau enggak mau pasti akan dibutuhin kan kita sebenarnya dalam

53:12roadmap-nya eh inl group sendiri karena itu kan kita penginnya sebagai webinar ya H eh itu memang eh fitur kayak

53:20streamyard itu memang sudah ada di pipeline Oh Tapi saat ini yang lagi kita fokusin itu adalah eh untuk bisa register

53:32participan kemudian terima pembayaran itu yang lagi kita kerjain sekarang oke oke karena kan kalau sekarang kan teman-teman bikin webinar kan daftarnya

53:41di mana Terus webinarnya di mana Iya gitu kan Terus enggak enggak enggak kecatat juga tuh eh kadang tuh kalau

53:50webinar ini ya kalau webinar pemerintahan itu biasanya begitu masuk Dis dulu satu-satu p Pang dulu satu-satu i i i i i Nah nanti di live room Heh

54:01lanjut lanjut lanjut di live room itu kita penginnya nanti kita bisa langsung lihat yang siapa aja ya terus kemudian

54:10yang e join itu durasinya masing-masing per orang itu berapa lama oh r Cuman 30 menit Ian cuman 45 menit ek 20 menit

54:20misalnya ketahuan terus kita juga karena kita ada voice activity detection jadi kita juga lagi ngerjain Gimana caranya

54:27kita bisa ngitung engagement speaking Jadi ketahuan Oh an ngobr Iya jadi ada analtis Oh Risa tuh Ngobrol

54:38sekian menitan sekian menit saya sekian menit gitu jadi the whole webinar kita bisa tahu untuk planning next berikutnya

54:47itu seperti apa berdasarkan data-data ituit Wah keren itu yang lagi kita kerjain sebenarnya untuk nanti next sama

54:56mas Danang kita semua jdg yang live-nya pakaiin live [Tertawa] nantiusingar haarak usah Pak

55:12googleak itu berat Iya Wah menarik ya Iya soalnya kemarin itu sempat e kepikiran kan e ini kan streamyard kita pakai streamyard

55:24terus eh mikir ini mau diperpanjang lagi soalnya sudah mau habis kan eh mikir-mikir ada enggak solusi yang

55:30gratisan gitu ada namanya video Ninja itu kalau enggak salah pakai webtc juga tapi tetap tadi harus dibroadcast

55:37melalui obs nah takutnya enggak kuat karena kan si eh videonya sendiri kan kita harus download dan upload kan gitu

55:45kan butuh bandwid kan untuk ngumpulin orang-orang ini habis itu baru di broadcast lagi jadi ada dua kali e

55:52bandwid yang harus dipakai gitu kan apalagi apa saya sebagai operatornya eh koneksi Internetnya upload-nya kurang bagus Gitu Ee jadi agak khawatir di sana

56:06makanya si apa solusi streamyard ini luar biasa bagus karena dia kan di server jadi kita enggak enggak terlalu

56:11ngatur jumlah buitnya terlalu banyak gitu kalau hostnya mati paling enggak Ivan sama Eka kan masih bisa ketangkap

56:19masih bisa ngomong selama ini sering kayak gitu sering terjadi ya ya Mari Mari kita coba let's say nanti 1

56:29bulan ke depan mudah-mudahan ada prototyp-ya Asik as Oh iya ini masih ada pertanyaan lagi nih dari Rahmat lagi nihentar bentar

56:37sebagai gantinya kalau misalnya butuh beta tester dan misalnya oh eh kita coba-coba dan open open V pakai ap-nya

56:46welcome kah kalau kita Open V Oh isu dan very welcome very welcome very welcome nah ini ini juga ada ini salah satu apa

56:58salah satu yang tidak eh jarang orang tahu adalah inl itu ternyata open source itu saya juga baru tahu sekarang nih

57:05karena kayaknya belum terlalu dihighlight ya jadi tahunya inl itu ya produk berbayar atau bisa trial ada sdk-nya ada api-nya bisa kita bisa

57:15berkreasi di sana ternyata enya pun sampai di open source gitu jadi luar biasa sekali actually This is a win for everyone Jadi

57:30sebenarnya pengin Nyoba juga pengin main-main ya He kalau memang nanti ada yang bisa di beta testing kita siap Iya

57:38salah satu yang Open juga ada yang namanya jutsuid ya Beberapa bukan Jutsu jitsi itu Jitsu Jitsu jutsuu apa Jitsu

57:51Jitsu iya coba ya jitsu itupo ada komennya jits iya jitsi jitsi jits i jits ya itu apakah

58:06I mempunyai pendekatan berbeda dari segi arsitektur Apakah sama Iya sebenarnya dari segi arsitektur eh jitsi Google meet eh Zoom eh dan yang

58:20serupa itu pada dasarnya arsitekturnya sama pendekatannya adalah menggunakan sfu tadi selective forwarder unit tadi Oh jadi secara arsitektur pada dasarnya

58:32semua sama bedanya Mungkin ada yang difokusin buat meeting ada yang difokusin untuk apa ada yang difokusin untuk apa jadi masing-masing use case

58:42itu memang beda-beda sehingga fitur yang bisa dievelop di dalam api-nya sendiri itu beda-beda tergantitu itu kan pada dasarnya ya

58:56memang live room virtual tapi bukan bukan berarti bahwa semua video yang kita broadcast ke sana itu semuanya otomatis diboadcast ya kita

59:07tuh bisa milih servernya handling Iya jadi kita bisa milih misalnya ya contoh saya tuh punya dua video satu screen

59:15sharing satu lagi e video eh kamera gitu ya itu tuh kalian tuh nanti akan dapat dari akan dapat info bahwa Ohan punya

59:24nya dua e video nih mau ditampilin enggak dua-duanya atau satu aja jadi bisa milih nah ini fungsinya buat apa

59:34itu salah satu misalnya kita mau bikin Breakout room jadi eh satu sesi tapi ruangan-ruangan kecil gitu ya

59:45itu jadi manual subscription ke video nah fitur tadi yang menarik lagi itu adalah lagi kepikiran kemarin ngobrol

59:54sama teman bikin ini eh video interview antrian video interview Jadi kalian tahu kalau orang-orang yang kerja ker biru

1:00:05yang di kafe nyari pegawai magang di kafe apa dan segala macam itu tuh Kalau ngelamar kerja mereka kan yang ngantri

1:00:13itu bisa ratusan kan karena mereka kan mereka kan in interview kan video itu sebenarnya bisa kita pakai

1:00:22untuk interview pendekatannya itu sama kayak Breakout jadi saya tuh sekarang misalnya sendiri nih dalam room ini masukin aja

1:00:34tuh orang yang pertama join tadi siapa masukin ke room ini Terus nanti kalauudah selesai ngobrol iniutnya I masuk lagi itual di

1:00:46Dar jadi kita bisa bikin interview 10 menit kan paling interviewnya iya iya gitu itu use case use case yang kita

1:01:01harapkannya itu bisa custom logic ya berarti ya betul sebenarnya logiknya tuh bukan di server logicnya itu di kalian

1:01:11di apps ya ya ya Oh kita bikin Apps pakai api-nya soalnya ya Ca peduli ya itu tadi mengatur

1:01:20traffic data In And Out I karena kan kita yang ngasih tahu kan ini kliennya ada sekian ee yang ini duluan ini E ini

1:01:29kedua ini ketiga ini keempat Nah kita tuh yang ngatur tuh Oh ini masukin ini masukin e javascript ya sdk-nya

1:01:37javascript javascript saat ini sdk-nya javascrip javascript masih javascript aja ya we senang Iya biar anak front end bisa

1:01:50ikutan juga ya Maaf saya masih Bisanya cuman JavaScript kurius berarti server ini go bisa Oh iya itu kan yang backend kalau yang

1:01:59depan-depan bis belum bisa plutter belum bisa e switch belum pakai r kan sekarang semua di kurius inl servernya berarti Bisa

1:02:13bisa jadi server game online juga Oh bisa tapi ada eh ada pendekatan yang agak beda dengan ee game server jadi eh

1:02:26invidia itu kan punya apa gitu tapi dulu kan Google punya Google studia gitu ya Iya nah eh ada beberapa fitur yang e

1:02:34perlu dievelop lagi kalau misalnya pengin eh ng-develop Cloud gaming tapi Cloud gaming itu basisnya itu webrtc Iya

1:02:43jadi eh salah satu yang paling penting dari Cloud gaming itu itu adalah lateny I nah latency ini di server eh itu itu

1:02:54beda antara Cloud gaming dengan video call kayak gini dia harus dibawa 20 20 milit second kan eh yes itu tapi sebenarnya E lebih

1:03:06masalah dari jitter buffer jadi jiter buffer itu Jit DFF itu istilahnya kayak gini kan kalau kita ngirim paket eh

1:03:14video untuk satu gambar let's say itu ada lima paket kan itu pada saat dikirim itu tuh belum tentu diterimanya tuh

1:03:20berurutan 1 2 3 4 5 Belum tentu i bisa jadi paket tigond sampai duluan Iya bisa jadi paket

1:03:28tig sampai duluan bisa jadi paket dua sampai duluan jadi kadang enggak berurutan jiter buffer itu adalah Berapa

1:03:35lama kita mau nunggu lima paket ini nyampai semua Oh oke Biasanya sih kecil cuman kayak 20 MS atau 30 MS nah ini ini

1:03:48kadang perlu adjustment kalau untuk video call kayak kita itu biasanya jiter buffnya itu di range di sekitar 30 samp

1:03:5650 tapi kayak tadi Ean bilang kalau Cloud gamingatya itu beneran bisa jadi ggak pakai Buff karena ada teknik lagi yang namanya

1:04:13forward encoding correction atau tu dipak Kalau ada paket Miss paket itu

1:04:33bover jadiak pakend Tapi perlu ada teknologi itu untuk memastikan Videonya bisa nah ini

1:04:53adaudud iat arah I rtmp itu TCP anyway jadi dia pasti latensinya tinggi dan memang tujuannya cuman satu arah kalau satu

1:05:05arah ada latensi itu masih oke kan Iya kayak YouTube eh live streaming atau twitch ya twitch ya ya ya ya RTM Karena

1:05:16dia satu Ara enggak butuh dua arah gitu jadi katensi 2 detik 5 detik bahkan itu oke sebenarnya

1:05:25ini ada pertanyaan lagi Apakah saat ini dan ini kita P semua atau MTI dari

1:05:44itu [Musik] kalauakver fitur yang bakal missing salah satunya itu kayak voice activity detection itu enggak bisa dilakukan di

1:06:00web saat ini karena kalau kita lakuin di web itu jadi harus ngelakuin audio Processing sedangkan kalau di server itu

1:06:09tuh kita enggak kita tuh enggak ngcapture audio ya jadi di di paket datanya audio kalau lewat di server itu

1:06:18tuh ada udah ada desibelnya tuh berapa jadi kita cuman ngelihat data itubaca doang oh ngebaca doang jadi

1:06:28eh kita ngelihat Oh untuk eh activity voice activity detection terus analytic dan itu kayaknya Walaupun dia one1 itu

1:06:38tetap kita lewatin server aja daripada kalian harus bikin audio Processing di web untuk tahu dia lagi ngomong atau

1:06:46enggak ret atau mau bikin transcription misalnya proses sendiri kalau blur background kayak Mas ini di server apa

1:06:56dari klien [Musik] blurli berarti dari web Ini Masnya dari si streamy ini menyediakan oh enggak ini Kebetulan eh Mac OS yang

1:07:11versi enggak tahu ke berapa gitu ya yang agak-agak baru gitu itu mereka punya fitur untuk ngeblur semua video capture

1:07:20web RTC Oh berarti itu natif ya kayaki integrasi natifs kan iya iya bahkan ee dia tuh punya efek-efek kayak

1:07:30gini nih bentar ya Ini bukan kampanye ya bentar biasanya ada reaction gitu Oh ini Oh iya iya iya dia bisa

1:07:40kayak betul-betul dia kan Oh iya loh Oh ini m OS ya m OS ya mic OS m OS atau

1:07:48misalnya kayak gini i i Iya ketemu pernah lihat di mid kirain itu punyanya mid bukan sih kalau gini enggak bisa

1:07:55gini harus diaktifin Jadi kalau kalian pakai Mac os os baru gitu ya di atas itu kan ada icon kamera warna hijau itu tuh

1:08:04harus diaktifin reaction-nya ah gua enggak adaak bisa termasuk bisa kayak gitu guok enggak ada kok enggak munculnya jempol enggak Kalau belum

1:08:16engak bisa ini tertentu ya keren tapi ini ini tuhib juga dibikin di web very easy kalau mau dibikin di web

1:08:30Sebenarnya ya cuma kalau di support mah ya enggak usah iya kalau os-nya enggak support Ya bisa aja kita Oh ber tensor

1:08:40flow JS tensor flow JS berarti tahun depan pbicaraan kita adalah Add on di marketplace-nya inl untuk nambah-nambahin efek filter filter

1:08:52filter jadi in punya marketplace bisa Add on on I kalau udah adaikinnya kan bisa plugin plugin ceritanya extension

1:09:06plugin Oh I kalaui yang nuk muka semua peserta jadi kayak gini Gu ti-ba Jadi Pak mukanya kalau discord sendiri itu pak

1:09:23juga gak soalnya kan discord terkenal ringan ya walaupun kalau videonya gak tahu tapi kalau audionya kan terkenal

1:09:28ringan ya apalagi buat gamer kan gamer kan resourudah banyak di game terus kita masih bisa lancar berkomunikasiudah

1:09:39perahisetak semua communication di aplikasi Manun itu karena kenapaat ini dan banyakinnya yang gunakan untuk

1:09:55ngdevelop two way communication kayak gini jadi wepertis itu sebenarnya kumpulan protokol di mana itu keperluannya memang untuk Real Time communication

1:10:08jadi saya enggak ngelihat enggak pernah ngelihat ada yang pakai eh teknologi selain webtisc Walaupun mungkin enggak semua ya kayak tadi kan Zoom itu

1:10:20ngakalin kan Jadi pakai wetisc tapi data channel-nya aja gitu tapi hampir semuanya itu pakai itu kalau Zoom kan ada ada apa namanya

1:10:32ada aplikasi desktopnya juga yang natif kan Ya itu juga tetap wwti si ya protokolnya ya Eh ya itu tadi dia pakai

1:10:41yang data channel data data channel ya kenapa kenapa dia pakai ini eh aplikasi desktop atau natif-nya karena kalau dia

1:10:51pakai browser browser itu kan enggak punya ya proper yangadial yang komersial itu gitu Jadi mereevel theod h264

1:11:08yangware optim dioritasic tapi dia atauing ada VP

1:11:26Oh di h264 biasa itu gak ada Oh jadi kayak Hybrid gitu antara VP sama karenak ini yaakareel makanya kalau kitating Pak

1:11:40Google meet itu suka panas it ini Pak Apa ya itu pakai teknologi Apa itu sebenarnya ada caranya Caranya adalah

1:11:58mauo demo live tapi kalau J kalau apa kalau kita cobain di sini terus dibuka Network apa dibuka Ininya

1:12:11Oh beda ya Bukan bukan pakai inspect elemen ya Enggak enggak Jadi kalian masuk eh ini ngetiknya tuh

1:12:22chrome2/ webrtc internal di situ kalian bisa lihat semua yang pakai webrtc termasuk streamyard Jadi kalau lihat kayak gini

1:12:33kita jadi tahu kan Oh dia pakai turn kemudian dia pakai e terus kita bisa lihat juga IP server

1:12:41dia itu berapa Terus bisa kelihatan semua data-datanya misalnya contoh ya saya pakai kodeknya itu apa lihat aja di

1:12:52outboundnyaah ini outbound RTV video Pakai l vpx vp8 ternyata dia pakainya ya bitrate-nya berapa bisa kelihatan juga

1:13:02Oh ini bitrate per secondnya by per second itu ya Ini 1 megaan dan ada grafisnya juga bisa bisa

1:13:15kelihatan nih grafisnya tuh paket saya Kenapa kita engak tahu ini ya Iya kita tadi mau ngecek di inspect

1:13:27Element tapi kan harus direfresh jadi keluar darii streamy dulu jadi tinggal pakai Chrome we RTC internal ya hampir semua

1:13:38browser itu punya cara untuk termasuk Firefox berarti ya Ada juga ya harusnya ada tapi biasanya beda-beda e detailnya itu

1:13:52beda-beda Oke ini ada pertanyaan sambungan mitos atau fakta lewat itu engak optimal Danan Res pada dasarnya kan Apun yang kalau

1:14:04kita ngembangin suatu fitur itu padaarnya kan selalu ada untuk sesuatu yang kita devel benit yang kita daptin itu adanya Jadi kalau

1:14:17dibilang ituak optimal Danan resour memang ada yang jadi eh berkurang jadi misalnya latensinya bertambah gitu tapi kan kita tadi bisa menggunain analytics

1:14:32kita bisa offload beban dari klien ke server karena kan tadi Eh ada beberapa juga nanti mungkin kalau teman-teman

1:14:40lihat di chatnya kan itu juga yang kayak masalah bisa enggak sih filter-filter itu dipindahin ke server bisa

1:14:47aja tapi kalau iya itu Tapi kalau Kita mindahin ke server yang sifat nya itu eh video Processing audio pressing

1:14:56latensiah ber nambah latensi lagi gitu Iya jadi oh selalu ada thre off untuk apapun yang kita lakuin Kalau dibilang

1:15:05enggak optimal eh video bridge tergantung dari arsitekturnya ya kalau arsitekturnya itu adalah sfu atau selective forwarder tadi

1:15:16jadi dia cuma nerusin e video stream kita itu menurut saya itu paling optimal untuk saat ini dan mayoritas developer WTC itu juga

1:15:26agree bahwa sfu is the most optimal arsitectture untuk saat ini kalau pakai yang video bridge yang versi lama atau MCU jadi dia multiple

1:15:39coding something gitu ya jadi dia tuh mengencode video yang masuk kemudian satu video itu yang baru dikirim ke

1:15:48orang yang nonton Nah itu kan ada lateny di server ya I gitu jadi ya selalu ada thread off for

1:15:58everything pintar-pintaran kita aja milih untuk setiap use cas-nya kan Oke Oh kalau diproses di klien Berarti ada

1:16:06kemungkinan bisa pakai ini dong web assembly bisa ada beberapa ada beberapa eh web RTC api itu tuh dia pakai e web

1:16:19ass eh bahkan Zoom itu kalau gak salah ngelakuin itu deh Oh i jadi Iya eh coba cari Ada

1:16:30website namanya tuh blog ge webrtc coba Googling aja blog wetc dia tuh di situ ngebahas banyak rever engineering

1:16:41beberapa aplikasi berbas termasuk ini Bu betul betul Coba lihat bloknya blok itu dia ngebahas itu semuanya

1:16:57tentang webr RTC Dan harusnya ada ada tentang zoom di antara blog-blog po itu Zoom Ya silakan teman-teman cari aja

1:17:11saya shareink a ya dia reverse engineering Google meet juga dia dia banyak R engineering dari situ justru

1:17:19jadi belajar oh Google meet tuh gitu ya oh Zoom tuh gitu ya terus Kopi bikin di ATM amati

1:17:28tiru seru banget ya gaming yaah Iya seru banget Wah ini keren ini bisa Nah itu tuh tadi yang FC yang

1:17:42tadi saya bilang buat Cloud gaming The R ofc Wah menarikarik kalau di in sekarang saat ini yang kitaah terapin ologinya

1:17:53itu eh red eh buat audionya ya tapi jadi redudansi encoding data gitu Jadi pada dasarnya walaupun paket audio kita Miss

1:18:04atau Lost itu sampai 40% kita masih bisa ngobrol clear karena audio audio yang missing itu bisa dicover di audio berikutnya audio paket

1:18:15berikutnya Oh diikutin ke paket berikutnya ya Iya jadi selalu setiap paket itu dikirim tuh dobel paket yang sebelumnya dikirim juga

1:18:25bersamaan dengan paket berikutnya Oh jadi kalau ada yang ya selalu dapat yang sebelumnya Iya betul jadi dia tuh kalau ada yang

1:18:35missing dia bisa cari dia nunggu aja yang datang setelahnya gitu kan karena dia bisa ngambil dari situ besarnya dua kali lipat dong I

1:18:47bitnya naik jadi dua kali lipat tapi kan audio itu kecil makanya yang redundan encoding itu cuma diterapin di

1:18:55audio untuk video video jebol jebol pasti untuk video makanya tadi pakai fact tadi forward encoding correction Nah itu metode

1:19:08terpisah untuk recover video yang hilang gitu dan dan enggak makan masih nambah bandwid tapi mungkin cuman 20% 30% jadi

1:19:19enggak sampai dobel oke oke gitu for the sake of Good video ya over bad Network gitu Nah kalau ada teman-teman yang

1:19:31nonton mau getting started mau ngulik e web rtisc sebaiknya ke mana kayak kayaknya paling enak dulu tuh kalau misalnya eh

1:19:45ngdevelop webrtc itu kan langsung aja bikin aplikasi langsung bikin aplikasi Nah ini kayak ada demo sejuta umat itu

1:19:54kan yang dari dulu banget udah ada priv Cho sejutaat pasti semua orang pernah pokoknya Pasti kalian semua

1:20:01pernah deh kayak cuma nyoba-nyoba habis itu ah Ya udah enggak enggak dipakai Nah itu tuh bisa bisa bikin itu karena kan

1:20:10kan ada kalau kita bikin aplikasi kan ada beberapa tahapan Ya misalnya kayak kita let's say kita mau bikin Google

1:20:15meet like gitu ya ya pasti kan yang pertama kayak capture dulu audio videonya terus habis itu Gimana caranya

1:20:22meng hubungkan pe toir-nya terus habis itu gimana caranya ngirim video yang kita capture tadi ke Pi sebelahnya terus

1:20:30gimana playing the video tadi dari yang kita terima jadi ya step by stepnya kurang lebih kayak gitu aja coba develop

1:20:38satu aplikasi aja resournya udah banyaklah tutorialnya juga udah banyak tapi coba aja develop terus setiap kepentok sama istilah-istilah tertentu

1:20:48gitu ya kayak ST turn apa Googling cari aja dokumentasinya udah udah banyak yaang lagi mas Johan pakai b nanya ke

1:21:00banya ke bisa bisa bisa atau ke saya kemarin juga kerjaannya gitu jadi baca bacain Code orang gitu kan

1:21:11Terus nyari istilahnya terus coba reverse engineering terus baca SPC dokumen terus diterapin ya pasti harus kayak gitu sih karena web RTC itu

1:21:21kompleksitasnya eh sangat kompleks karena terlalu banyak protokolnya yang harus dipahami jadi enggak kalau harus belajar protokol dulu pasti kebur puyong

1:21:31duluan jadi i better langsung bikin aplikasinya aja belajar protokolnya belakangan pas dibutuhkan aja gitu H ya bikin aplikasi kayak apa ya kayak

1:21:43tampilin webcam Terus mungkin tambahin filter habis itu gimana caroke Belum ada kan I atau paling ini kan ini aja apa ee

1:21:55paling gampang kayaknya paling ee ini ya paling sederhana gitu ya bukan paling gampang itu bikin aja aplikasi peer to

1:22:02peer kayak FaceTime yang beneran jadi itu benaran peer topir Kita cuman butuh signaling server aja jadi enggak

1:22:13perlu server kan sign signal server juga banyak yang publ dan gratis kan yang dari Google iya iya betul Eh nya bisa

1:22:22pakai Google tapi signaling server itu pakai http server biasa itu bisa bisa bahkan bahkan Sebenarnya ya Ada beberapa

1:22:30exampel eh itu yang beneran dicopy paste sinyalnya Oh sinyalnya over sdp-nya jadi kan e semua web RTC itu biar bisa terhubung kita tuh

1:22:42saling bertukar sinyal sinyal ini itu ada dua jenis off session description Protocol sama ANS jadi sama-sama SDP

1:22:52gitu ya jadi ini aja ditukar SDP ini basisnya teks jadi pada saat sudah diprint gitu ya kasih aja ke sebelahnya

1:23:03ini nih over masukin aja ke situ nanti di sana dimasukin dia akan generate answer kan answerwer-nya itu teks juga

1:23:11berutah SDP Oh gitu Ini kurang lebih gini nih e tunjukin ya ke kalian ya ini share screen boleh boleh kalau kalau

1:23:21lihat di sini ini kan streamyard pada saat kita connect ini bisa dilihat dia itu masukin sor digedein dulu ini tuh dia masukin

1:23:31audio video terus bikin over kan over ini itu adalah SDP di mana formatnya itu teks sebenarnya kayak gini teks kayak

1:23:42gini ini sebenarnya kalau kalian copy copy ni terus Iya dimasukin aja di pe connection kalau gak salah pe connection set over

1:23:58set local description masukin ini terus setelah text BX ya tinggal buat textve Iya betul setelah kita set local

1:24:09description itu tuh kita panggil lagi api-nya Eh apa generate answer atau apa pokoknya dapetin answernya kan ya annya

1:24:19itu formatnya sama kayak gini nih ini kelihatan juganya tu nih set local description tapi ada lagi set remote

1:24:28description Nah ini kan answernya nih Iya copy aja ini semuanya kasihin ke sebelah lagis kita udah sama-sama

1:24:43masukin ini itu dia akan mencoba terhubung satu sama lain oh ya Iya sesederhana itu sebenarnya nukrin SDP tukan He ini over saya ini

1:24:57over yang sana gitu Tuan nanti setelah dia tukan itu akan coba conect Sendirinya udah otomatis ya udah

1:25:10otomatis nah udah conect ya nanti itu connection itu akan ada event yang kitag Capt evnya itu nah ini video yang kita video Iya

1:25:25tinggal masukin ke video elementender aja Oh iya play sudahah hmm gitu Ini formatnya kayak ini ya kayak m3u8 gitu

1:25:34juga ya format-format mirip-miripya ini kan is ini kan isinya dia ngasih tahu bahwa eh IP saya itu ini ya ini alamat

1:25:43ip-nya kandidatnya gitu kan Terus dia tuh ngasih tahu kodek-kodek yang dia support tuh apa I streamer ya vp8 gu ya oke Iya Jadi intinya SDP

1:25:58itu ngasih tahu alamat sama eh fitur-fitur yang dia support sama eh teknologinya atau kodeknya gitu H terus

1:26:09ya sudahah dia akan terhubung satu sama lain oke Ini ada pertanyaan lagi nih implementen web RTC di sisi server dari

1:26:15rfc apakah worthed atau pakai library yang sudah jadi aja kayak pion tergantung e pengennya itu e ngapain

1:26:29Kalau misalnya pengin belajar e kayaknya silakan mau mulai dari awal tapi dulu Saya justru mulainya dari pion

1:26:39itu sendiri kalau lihat S Open sourcnya in itu basisnya juga itu pion itu karenaampelnya ada banyak gitu kan

1:26:49kemudian Ya dokumentasinya lumayan eh community-nya juga well support gitu jadi menurut saya mulai dari situ Kenapa mulai dari situ karena jadi kita enggak

1:27:03perlu Terlalu deep down kepprotokol kayak dtls dtls ini datagam TLS jadi istilahnya udp yang dibikin secure kayak

1:27:13kayak https atau SSL lah itu kita kan enggak mau belajar dtls lagi protokol gitu kan malas gitu kita tuh penginnya

1:27:23web rtc-nya aja nah belum lagi ada lagi protokol RTP misalnya tapi RTP itu mau enggak mau pasti akan akan harus

1:27:30dipelajari sih Pada saat kita ngolah paket ee datanya itu harus mau enggak mau RTP tapi habis itu ada banyak Ice

1:27:39Protocol Apakah kita harus pelajari Ice Protocol kayaknya jangan deh tapi mau enggak mau pasti akan akan masuk ke sana

1:27:45tapi kalau kita langsung kalau ketemu ya sudahudah ketemu berar po tertentu Ya udah ketemunya kan Iya betul pada saat dibutuhin aja baru

1:27:57belajar tapi kalau dari awal langsung dari rfc implement sendiri Wah berat kayaknya kayaknya keburu bosan itu bikinnya Kecu

1:28:07orang banget senang banget sama urusan artisi-artisian ini itu kalau biasa kayaknya ya itu ngantuk duluanh iya

1:28:24bosankan i ya ya Nah ee next-nya buat Mas Yohan apaagi nih kan jadi GDI Google developer expert udah

1:28:32eh jadi googler Udah jadi googler Udah Iya apa join Google juga udah Terus sekarang bikin produk udah apa e

1:28:40next-nya mauu ada rencana apa lagi ke depannya belum ini bikin produk Oh belum ya ini belum ya belum ya ini ini lagi

1:28:47gambling ini gambling I iya I I Iya jadi lagi gambling gitu ya ng-develop produk gitu kan yang masih belum take off masih

1:28:57ongoing gitu produk market fitnya Udah dapat belum Eh kita ngerasa produk market fit-nya itu belum jadi eh kita kan masih bingung

1:29:09juga antara Oke kita b2c k atau B2B kayaknya ya udah saat ini kan kita lagi coba fokus B2B tapi kan kita belum tahu

1:29:16juga nih use case yang kita mau fokusin tuh yang mana dulu gitu kan ada banyak kayak contoh Kalau ngelihat case eh sor

1:29:24case web di Indonesia sendiri itu ada eh edutch telemedicine eh customer call call center inpp call center terus

1:29:37monitoring CCTV video dan eh terus kayak gojek kolonal font kita lewat aplikasi itu kan we juga oh

1:29:50pakang kitaak engak ke Iya live streaming so many use case gitu kan Makanya kita belum e tahu nih e mana

1:30:02industri yang kita pengin fokusin Tapi karena kita tuh paling dekatnya dengan teman-teman kayak kalian yaitu yang suka

1:30:09bikin webinar gitu atau suka sharing makanya kita coba fokus di webinar atau edutch dulu saat ini gitu nanti kita

1:30:16lihat demnya Seperti apa ya kita coba explore tuh cas Oke kalau yang mau follow followollow Mas Yohan eh aktifnya di sosial media

1:30:27mana Di kalau ini Twitter kalau kalian pengin nanya-nanya everything web partis karena kalau nanya ke Instagram enggak

1:30:35akan dijawab gitu ya kecuali kalau kalian nanya jalur sepeda atau Oh jadi tiap ak sosm ada temanya ya Ada fokus puj festival Puji

1:30:47festival bisa nanya lewat Instagram hobi-hobi di Instagram gitu Ya Sisanya itu di Twitter I semuanya itu di Twitter hobi di Instagram ya semuanya

1:31:01Tapi di Twitter semuanya di Twitter Oh di Twitter hobi juga ada ya ngomongin hobi hobi juga ada

1:31:09ya lah tim in sekarang berapa orang develop development tenya ada EMP orang sat eh desainer du Engineer tiga engineer

1:31:22termasuk saya jadi total berempat Wah mantap mantap oke kalau gitu semua ya serus oh nging semua ya masan juga masih

1:31:33nging ya Luar biasa ya itu kan kalau apa backendnya kan Hampir saya semua sebenarnya ngerjain Oke I karena yang

1:31:41engineer kita full stack sama front end sebenarnya Oh oke oke oke mantap mantap mantap bisa kelihatan kok

1:31:50dionya i ya ya ya oke ee kalau gitu terima kasih banyak Mas Yohan untuk waktunya malam hari ini Terima kasih

1:31:57terima kasih terima kasih n b ilmu mudahudan e Iya luar biasa ya wis Kok enggak bisa B

1:32:08belum mudah-mudahan Nanti ada ada apa kesempatan untuk kita ngobrol-ngobrol lagi Eh tentang banyak hal ini ada Ada

1:32:18komunitasnya enggak sih wtisc apa komunitas web biasa aja ya pada umumnya ya Eh saat ini itu komunitasnya belum ada belum ada

1:32:27ya tapi kalau kalian e yang pakai golang itu ya mungkin Saran saya coba cari channelnya ini e pion di goper jadi kan

1:32:40e Iya golang itu kan punya channel Nah cari aja di dalam channelnya itu ada channelnyaion di situ kalian kalau

1:32:49pengin belajar itu kata saya sih diu gu Tapi ke depannya ee saya ada wacana juga bakal bikin webinar rutin sekalian doc

1:32:58fooding in live room sendiri jadi e live mungkin belajar ya ngdevelop wetc app lewat webinar nah ini menarik nih jadi

1:33:09pantengin aja ya twitter-nya Mas Yohan ya @ Yohan ya info-infonya lengkap di sana Yohan ya Te Yohan Oke kalau gitu terima

1:33:18kasih banyak buat teman-teman semua Terima kasih byak asih yang sudah nonton thank kita ketemu lagi ee minggu depan

1:33:27minggu depan minggu depan di waktu dan jam yang sama di waktu dan jam yang sama Thank you sampai jumpa lagi bye

1:33:41bye