Terima kasih telah mengirimkan pertanyaan Anda! Salah satu anggota tim kami akan segera menghubungi Anda.
Terima kasih telah mengirimkan pemesanan Anda! Salah satu anggota tim kami akan segera menghubungi Anda.
Kerangka Materi
Penanganan Perangkat Media
1. Izin Browser dengan navigator.permissions
- Akses perangkat keras:
- Kamera web
- Mikrofon
- Izin opsional:
- Geolokasi
- Pemberitahuan
- Clipboard (baca/tulis)
- Kueri dan status izin
- Batasan dan kompatibilitas browser
2. Membaca Perangkat Media dengan navigator.mediaDevices
- Pencacahan perangkat
- Penanganan perubahan perangkat
3. Kompatibilitas Lintas-Browser
- Penggunaan API:
- navigator.permissions.query()
- navigator.mediaDevices.enumerateDevices()
- getUserMedia()
- Strategi fallback Safari
4. Penanganan Perangkat Media
- Inisialisasi perangkat: getUserMedia(constraints)
- Kendala perangkat media
- Mengmulai dan menghentikan aliran media
- Penanganan perubahan perangkat
5. Merekam Perangkat dengan MediaRecorder
- Mulai/berhenti streaming dan merekam
- Unduh file .webm
- Pratinjau gelombang suara real-time
Add-on Opsional:
- Simpan dalam format .wav menggunakan ScriptProcessorNode
- Visualisasi spektrum FFT audio
- Batang volume dalam desibel
- Pengenalan suara dengan webkitSpeechRecognition
Koneksi Peer
1. Server Sinyal
- Opsi saluran dua arah:
- WebSocket
- Socket.io
- SignalR
- Struktur pesan
- Klien WebRTC sederhana
- Alur sinyal lengkap
2. Video Chat via WebRTC
- Arsitektur: Node.js + ws
- Klien WebRTC: RTCPeerConnection
- Pengujian E2E lokal
Fitur Opsional:
- Gantung panggilan (tutup koneksi, hentikan media)
- Panggilan grup (ruangan multi-pengguna)
- Otentikasi sederhana berbasis token
3. Berbagi Layar
- Penggunaan getDisplayMedia()
- Arsitektur dan opsi
4. Protokol Deskripsi Sesi (SDP)
- Pendahuluan dan isi
- Baca dan interpretasikan SDP
- Codec:
- Audio & Video
- Negosiasi dan kontrol
- Strategi fallback
5. Statistik WebRTC dengan getStats()
- Jenis statistik
- Cara menafsirkan statistik
- Grafik bitrate/jitter langsung
- Strategi adaptasi kualitas
6. Semua topik adalah
- Kasus praktis
Persyaratan
Pelatihan ini sangat ideal bagi pengembang frontend dan full-stack, arsitek teknis, dan insinyur yang membangun fitur komunikasi real-time berbasis browser seperti video chat, berbagi layar, atau streaming audio. Peserta harus memiliki pengetahuan kerja tentang JavaScript dan teknologi web, dengan pengalaman opsional dalam Node.js dan komunikasi berbasis WebSocket.
14 Jam
Testimoni (5)
Saya suka cara Gunnar menulis hampir seluruh kode secara langsung saat kami melalui sesi, tetapi ada banyak materi yang sudah disiapkan di Google Drive yang bisa saya rujuk setelah pelatihan. Kode yang ditulis Gunnar berdasarkan data sampel yang saya sediakan sebelumnya juga sangat berguna dan membuat pelatihan relevan dengan dataset kami sendiri.
Ranvir - Schroders Personal Wealth
Kursus - Visual Studio Code
Diterjemahkan Mesin
Banyak contoh untuk setiap modul dan pengetahuan yang luar biasa dari instruktur.
Sebastian - BRD
Kursus - Secure Developer Java (Inc OWASP)
Diterjemahkan Mesin
Modul3 Aplikasi Serangan dan Eksploitasi, XSS, Injeksi SQL Modul4 Serangan dan Eksploitasi Server, DOS, BOF
Tshifhiwa - Vodacom
Kursus - How to Write Secure Code
Diterjemahkan Mesin
Contoh dari kehidupan nyata.
Kristoffer Opdahl - Buypass AS
Kursus - Web Security with the OWASP Testing Framework
Diterjemahkan Mesin
Pengetahuan instruktur tentang materi sangat baik, dan cara sesi disusun sehingga peserta dapat mengikuti demonstrasi benar-benar membantu meneguhkan pengetahuan tersebut, dibandingkan hanya duduk dan mendengarkan.
Jack Allan - RSM UK Management Ltd.
Kursus - Secure Developer .NET (Inc OWASP)
Diterjemahkan Mesin
