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 (1)
Bahwa setiap pelajaran teknis disertai dengan berbagai latihan praktis untuk memperkuat konsep-konsep tersebut.
Andrei-Calin Bajea
Kursus - OWASP Top 10 2025
Diterjemahkan Mesin
