Kerangka Materi
Penanganan Perangkat Media
1. Pengelolaan Izin Browser dengan navigator.permissions
- Akses perangkat keras:
- Kamera web
- Mikrofon
- Izin opsional:
- Lokasi geografis
- Pemberitahuan
- Klipboard (membaca/menulis)
- Permintaan dan pemantauan status izin
- Batasan serta kompatibilitas antar-browser
2. Membaca Informasi Perangkat Media melalui navigator.mediaDevices
- Pencarian daftar perangkat yang tersedia
- Mendeteksi perubahan kondisi perangkat
3. Memastikan Kompatibilitas Antar-Browser
- Penggunaan API:
- navigator.permissions.query()
- navigator.mediaDevices.enumerateDevices()
- getUserMedia()
- Strategi alternatif untuk browser Safari
4. Pengelolaan Perangkat Media Secara Langsung
- Inisialisasi perangkat: getUserMedia(constraints)
- Pengaturan batasan penggunaan perangkat media
- Mulai dan hentikan aliran data media
- Penanganan dinamis terhadap perubahan kondisi perangkat
5. Rekaman Aktivitas Perangkat dengan MediaRecorder
- Mulai/menghentikan aliran data sekaligus proses perekaman
- Mengunduh hasil rekaman dalam format .webm
- Menampilkan pratinjau bentuk gelombang suara secara real-time
Tambahan Opsional:
- Menyimpan hasil rekaman dalam format .wav menggunakan ScriptProcessorNode
- Pemvisualisasian spektrum frekuensi audio secara dinamis
- Penampilan level suara berupa angka desibel
- Pengenalan ucapan dengan webkitSpeechRecognition
Koneksi Peer-to-Peer
1. Server Sinyalisasi Data
- Pilihan saluran komunikasi dua arah:
- WebSocket
- Socket.io
- SignalR
- Rancangan struktur pesan yang akan dikirimkan
- Pengembangan klien WebRTC secara sederhana
- Mekanisme sinyalisasi data secara menyeluruh
2. Pembuatan Panggilan Video dengan WebRTC
- Rancangan arsitektur berbasis Node.js ditambah ws
- Konfigurasi komponen klien menggunakan RTCPeerConnection
- Pengujian lokal antar-perangkat dalam satu jaringan
Fitur Tambahan Opsional:
- Mengakhiri panggilan (memutus koneksi dan menghentikan aliran media)
- Panggilan grup (ruang diskusi melibatkan lebih dari satu peserta)
- Autentikasi sederhana dengan memanfaatkan token sebagai identitas pengguna
3. Berbagi Layar dengan getDisplayMedia()
- Penggunaan fungsi getDisplayMedia()
- Rancangan sistem beserta opsi konfigurasinya
4. Protokol Deskripsi Sesi (SDP)
- Pengenalan dan komponen utama yang terkandung dalam SDP
- Cara membaca serta menginterpretasikan isi pesan SDP
- Konfigurasi codec:
- Fungsi audio maupun video
- Mekanisme negosiasi dan kontrol komunikasi
- Strategi cadangan dalam konteks penggunaan
5. Statistik Operasional WebRTC dengan getStats()
- Kategori informasi statistik yang dapat diperoleh
- Cara menganalisis hasil perhitungan statistik tersebut
- Pemantauan dinamis kecepatan transmisi data serta fluktuasi waktu penundaan
- Strategi adaptasi kualitas secara otomatis berdasarkan kondisi jaringan
6. Semua materi pelatihan tersebut dirancang untuk
- Mengikutsertakan contoh kasus aplikasi praktis bagi peserta
Persyaratan
Pelatihan ini sangat cocok untuk para pengembang frontend dan full-stack, arsitek teknis, maupun insinyur yang mengembangkan fitur komunikasi real-time di browser seperti video chat, berbagi layar, atau streaming audio. Peserta diharapkan memiliki pemahaman dasar tentang JavaScript serta teknologi web; pengalaman tambahan dalam Node.js dan komunikasi berbasis WebSocket menjadi nilai tambah.
Testimoni (3)
Saya sangat menikmati belajar tentang serangan AI dan alat-alat yang tersedia untuk mulai berlatih serta menggunakannya secara aktif dalam pengujian keamanan. Saya mendapatkan banyak pengetahuan baru yang sebelumnya tidak saya miliki, dan kursus ini sesuai dengan harapan saya. Bagian favorit saya dari pelatihan adalah Comet Browser, dan saya terkagum-kagum dengan kemampuannya. Saya pasti akan mengeksplorasi lebih dalam lagi. Secara keseluruhan, ini adalah kursus yang sangat baik, dan saya sangat menikmati mempelajari Top 10 OWASP GenAI.
Patrick Collins - Optum
Kursus - OWASP GenAI Security
Diterjemahkan Mesin
Langsung praktik, latihan, bimbingan tatap muka, dan sesi tanya jawab.
Jose Paulos - INESC TEC
Kursus - Tailwind CSS
Diterjemahkan Mesin
Bahwa setiap pelajaran teknis disertai dengan berbagai latihan praktis untuk memperkuat konsep-konsep tersebut.
Andrei-Calin Bajea
Kursus - OWASP Top 10 2025
Diterjemahkan Mesin
