Logo EMBED Iframe EMBED IframeRTSP TO WEB
PUSAT BANTUAN

Panduan RTSP dan Kamera IP

Pelajari cara menghubungkan kamera RTSP, player web, streaming node, dan embed website.

198Panduan tersedia
Ilustrasi webrtc vs hls untuk cctv di browser Browser & Delivery

WebRTC vs HLS untuk CCTV di browser

WebRTC unggul pada latency rendah; HLS biasanya lebih mudah melewati jaringan tetapi delay lebih tinggi.

Baca panduan →
Ilustrasi ice, stun dan turn pada webrtc Browser & Delivery

ICE, STUN dan TURN pada WebRTC

Mengapa player WebRTC dapat gagal di satu jaringan tetapi berhasil di jaringan lain.

Baca panduan →
Ilustrasi https, mixed content dan embed player Browser & Delivery

HTTPS, mixed content dan embed player

Website HTTPS sebaiknya memuat player melalui HTTPS agar browser tidak memblokir resource tidak aman.

Baca panduan →
Ilustrasi autoplay, muted dan playsinline pada browser mobile Browser & Delivery

Autoplay, muted dan playsInline pada browser mobile

Aturan autoplay browser membuat video dengan audio sering tidak boleh mulai otomatis tanpa interaksi pengguna.

Baca panduan →
Ilustrasi hardware acceleration browser dan kompatibilitas codec cctv Browser & Delivery

Hardware acceleration browser dan kompatibilitas codec CCTV

GPU/driver dapat membuat satu laptop bisa memutar stream yang gagal di laptop lain.

Baca panduan →
Ilustrasi whep: url webrtc standar untuk membaca stream Browser & Delivery

WHEP: URL WebRTC standar untuk membaca stream

WHEP memungkinkan client membaca WebRTC melalui endpoint HTTP yang terstandarisasi.

Baca panduan →
Ilustrasi menggunakan chrome://webrtc-internals untuk diagnosis player Browser & Delivery

Menggunakan chrome://webrtc-internals untuk diagnosis player

Lihat ICE candidate, codec, bitrate, frame drop dan statistik WebRTC pada browser Chromium.

Baca panduan →
Ilustrasi cors vs iframe: jangan salah diagnosis embed Browser & Delivery

CORS vs iframe: jangan salah diagnosis embed

CORS mengatur request lintas origin tertentu; iframe lebih sering dipengaruhi CSP/frame-ancestors dan X-Frame-Options.

Baca panduan →
Ilustrasi csp frame-ancestors dan x-frame-options untuk embed cctv Browser & Delivery

CSP frame-ancestors dan X-Frame-Options untuk embed CCTV

Dua header ini menentukan apakah halaman player boleh ditanam sebagai iframe pada domain lain.

Baca panduan →
Ilustrasi safari/iphone: webrtc, autoplay dan hls cctv Browser & Delivery

Safari/iPhone: WebRTC, autoplay dan HLS CCTV

Browser Apple memiliki kebijakan media yang berbeda; uji autoplay, codec dan fallback secara terpisah.

Baca panduan →
Ilustrasi strategi fallback otomatis webrtc → hls Browser & Delivery

Strategi fallback otomatis WebRTC → HLS

Player dapat mencoba jalur low-latency lebih dulu lalu pindah ke HLS bila koneksi tidak cocok.

Baca panduan →
Ilustrasi lazy-load iframe cctv agar halaman tidak berat Browser & Delivery

Lazy-load iframe CCTV agar halaman tidak berat

Jangan membuka semua stream sekaligus ketika satu halaman memiliki banyak kartu kamera.

Baca panduan →
Ilustrasi menampilkan banyak cctv dalam satu halaman: batas browser Browser & Delivery

Menampilkan banyak CCTV dalam satu halaman: batas browser

CPU/GPU client dapat menjadi bottleneck walau server dan jaringan masih sehat.

Baca panduan →