Cara menonton dua video sekaligus di kelas online

11 November 2026 · 4 menit baca

Bisa. Pasang Crispip, klik ikonnya sekali di tab kelas dan sekali di tab video referensi, lalu kedua video tampil berdampingan dalam satu jendela mengambang, masing-masing dengan kontrolnya sendiri.

Kenapa kelas online butuh dua video sekaligus

Tidak setiap pelajaran butuh dua jendela, tetapi dalam situasi berikut, berpindah-pindah tab mulai memakan waktu nyata.

Kelas rekaman berdampingan dengan demonstrasi praktik

Pengajar menjelaskan satu langkah lalu beralih ke aplikasi. Anda ingin mengikutinya. Hentikan rekaman di langkah itu dan biarkan video demonstrasi terbuka di sebelahnya: lebih praktis daripada mencatat lalu memutar ulang, dan Anda langsung tahu frame mana yang cocok dengan tindakan mana.

Kelas berdampingan dengan subtitel atau versi terjemahan

Pada kursus bahasa dan materi teknis berbahasa Inggris, video utama dan subtitel sering berupa dua berkas terpisah. Berpindah tab membuat kalimat terlewat; dengan dua gambar di layar, mata tidak lepas dari materi.

Siaran langsung berdampingan dengan materi yang direkam lebih dulu

Siaran sedang berjalan, sementara di tangan ada rekaman pelajaran atau tayangan langkah demi langkah. Siaran langsung tidak bisa dimundurkan, rekaman bisa. Biarkan keduanya terbuka dan lihat yang lain begitu ada bagian yang kurang jelas.

Di mana picture-in-picture bawaan Chrome tidak cukup

Picture-in-picture bawaan hanya menyelesaikan satu hal: video tetap berjalan saat Anda berpindah tab. Ia tidak menyelesaikan soal "dua video sekaligus". Satu jendela picture-in-picture memuat tepat satu elemen video: membuka yang kedua di halaman yang sama akan menggantikan yang pertama, dan membukanya dari tab lain memunculkan jendela mengambang baru yang mendarat di posisi sama dan menutupi yang pertama.

Picture-in-picture bawaan memuat satu video per jendela; yang kedua menggantikan yang pertama atau menumpuk di atasnya, tidak pernah berdampingan.

Sebelum mulai

Periksa empat hal ini dulu supaya langkah-langkahnya lancar.

• Chrome 116 atau lebih baru. Crispip bergantung pada Document Picture-in-Picture API, yang menurut dokumentasi Chrome for Developers tersedia sejak Chrome 116.
• Crispip terpasang dan disematkan ke toolbar, lewat Chrome Web Store. Angka jingga kemerahan pada ikon menunjukkan berapa video di tab saat ini; kalau tidak ada angka, biasanya halaman belum memuat video.
• Kedua video terbuka di tab masing-masing dan sudah diputar sekali. Video harus benar-benar ada di halaman agar ekstensi menemukannya.
• Paket gratis sudah cukup: mendukung hingga 2 video sekaligus, dan tata letak kisi termasuk di dalamnya.

Langkah: memasukkan kedua video ke satu jendela

Pada pemakaian pertama ada satu langkah tambahan, membuka jendela; setelah itu tinggal klik ikon dan tambahkan video.

1. Buka tab kelas dan biarkan video muncul di halaman → ikon Crispip di toolbar menampilkan lencana jingga kemerahan.
2. Klik ikon Crispip di toolbar → tab PiP baru terbuka dan meminta Anda menekan Enter; tab itu otomatis disematkan di paling kiri.
3. Di tab tersebut tekan Enter atau klik "Mulai PiP" → jendela mengambang terpisah muncul. Peramban mensyaratkan langkah ini berasal dari klik sungguhan, jadi ekstensi tidak bisa menggantikannya.
4. Periksa apakah jendela menampilkan gambar → kalau ada, video kelas sudah masuk; kalau tidak, kembali ke tab kelas dan klik ikonnya sekali lagi.
5. Buka tab baru berisi video referensi atau subtitel lalu putar → halaman ini juga sudah punya video, dan ikon kembali menunjukkan angka.
6. Klik ikon Crispip di tab itu → video kedua masuk ke jendela yang sama, berdampingan dalam kisi. Kalau halaman memuat lebih dari satu video, daftar pilihan muncul lebih dulu.
7. Geser jendela lewat bilah judulnya dan ubah ukuran dari sudutnya → letakkan di satu sisi layar, sisi lain untuk catatan.

Kontrol terpisah dan tata letak

Setiap gambar punya bilah kontrolnya sendiri; menjeda satu tidak mengganggu yang lain.

• Jeda satu video: arahkan kursor ke gambarnya dan bilah kontrol muncul di bawah; tombol putar di kiri hanya berlaku untuk video itu.
• Geser satu video: bilah kemajuan di bawah kontrol hanya milik video itu.
• Volume per video: ikon pengeras suara dan penggeser hanya berlaku untuk video itu; bisukan yang tidak ingin didengar.
• Ubah kecepatan: buka ⋮ di kanan dan pilih 0.5x sampai 2.0x, juga hanya untuk video itu.
• Jeda semua: tekan spasi di dalam jendela dan semua gambar berhenti; tekan lagi untuk melanjutkan.
• Ganti tata letak: klik kanan di dalam jendela, pilih "Tata letak" lalu "Kisi". Paket gratis memakai kisi; L Kanan, L Kiri, Kedua Sisi, dan Mode bioskop di bagian atas menu termasuk PRO.
• Biarkan satu video memenuhi jendela: klik "Isi" pada bilah kontrolnya, klik lagi untuk keluar.
• Tangkapan layar dan rekam (PRO): tombol kamera dan rekam di bilah kontrol menyimpan frame saat ini atau potongan video.

Kalau gambar diam di tempat, kembali ke halaman aslinya dan tekan putar di sana: peramban mensyaratkan gerakan pengguna sungguhan dan ekstensi tidak bisa menggantikannya.

Pertanyaan umum

Bingung mau mulai dari mana setelah memasang? Buka panduan cepat; untuk paket dan harga, lihat bagian harga.

Penjelasan teknis mengikuti dokumentasi Picture-in-Picture API dari MDN dan dokumentasi Document Picture-in-Picture dari Chrome for Developers. Kemampuan produk, batas paket gratis, dan tautan pemasangan bersumber dari halaman Chrome Web Store; perlakuan data dijelaskan di kebijakan privasi.