Cara merekam video gulir website

Sebagian besar rekaman yang buruk sudah gagal sebelum perekam dinyalakan. Lakukan ini sekali dan setiap rekaman jadi lebih baik.

1. 1.Buka halaman di profil baru atau jendela pribadi, agar ekstensi, bilah bookmark, dan status login-mu tidak ikut terekam.
2. 2.Terima atau tutup banner cookie, tutup modal newsletter, dan kecilkan tombol obrolan. Semuanya cenderung muncul lagi setelah dimuat ulang, jadi lakukan ini paling akhir.
3. 3.Gulir ke bawah lalu kembali sekali sebelum merekam. Itu memuat gambar yang dimuat belakangan dan memicu animasi kemunculan, sehingga rekaman tidak menangkap bagian yang baru setengah termuat.
4. 4.Sembunyikan bilah gulir jika mengganggu. Di DevTools, tambahkan html { scrollbar-width: none; } ke gaya halaman.
5. 5.Matikan notifikasi. Banner yang meluncur masuk di kanan atas merusak rekaman yang sebenarnya sudah sempurna.

Tentukan bentuk hasil akhirnya dulu, lalu buat jendela browser dengan bentuk itu. Merekam layar 16:10 penuh lalu memotongnya jadi 9:16 membuang sebagian besar pikselmu dan menghasilkan gambar yang buram.

• Untuk 16:9, jendela berukuran 1280 × 720 atau 1920 × 1080 (area konten) paling bersih.
• Untuk video berbentuk ponsel, buka DevTools, nyalakan bilah alat perangkat, lalu pilih sebuah ponsel. Halaman lalu menyajikan tata letak selulernya, dan kamu hanya merekam viewport itu.
• Atur zoom halaman ke 100%. Halaman yang di-zoom merender teks pada ukuran ganjil dan terlihat lembek setelah diskalakan.

Layar retina atau high-DPI merekam dua kali ukuran piksel jendela, dan itu bagus: kamu bisa memperkecilnya ke 1080p dan teks tetap tajam.

Di Mac, perekam bawaan (Shift ⌘ 5) dan QuickTime menulis berkas dengan laju bingkai variabel. OBS Studio, gratis di macOS, Windows, dan Linux, merekam pada laju bingkai konstan yang kamu pilih. Di Windows, Snipping Tool dan Xbox Game Bar sama-sama bisa merekam, tetapi OBS memberimu kendali paling banyak.

Inilah langkah yang menentukan apakah videonya terlihat profesional. Roda mouse bergerak per takik, trackpad disentil lalu meluncur, dan keduanya tidak bisa menjaga kecepatan rata selama dua puluh detik. Mengapa rekaman guliran tersendat membahas penyebabnya.

Solusi yang andal adalah membuat browser menggulir sendiri. Skrip pendek yang ditempel di konsol DevTools menggulir seluruh halaman mengikuti kurva easing selama waktu yang ditentukan. Cuplikan lengkapnya, dan cara mengatur temponya, ada di cara menggulir website otomatis untuk video.

1. 1

   Tempel skripnya, jangan jalankan dulu

   Atur durasi di dalamnya sesuai berapa lama guliran yang kamu inginkan.

2. 2

   Nyalakan perekamnya

   Sisakan satu atau dua detik diam di bagian atas. Kamu bisa memangkasnya nanti, dan bingkai pertama yang diam menjadi thumbnail yang lebih baik.

3. 3

   Jalankan skripnya dan jangan sentuh apa pun

   Jangan sentuh mouse atau trackpad sampai halaman berhenti. Masukan apa pun akan melawan skripnya.

4. 4

   Hentikan, lalu pangkas kedua ujungnya

   Potong ke bingkai pertama dan terakhir yang bergerak, ditambah jeda diam yang kamu inginkan di kedua sisi.

Jika dikerjakan dengan benar, semua langkah di atas memakan lima belas menit per rekaman, dan bentuk yang berbeda berarti rekaman baru. Jika halamannya publik, renderer mengerjakan semuanya dari URL: ia membuka halaman pada lebar desktop, tablet, atau ponsel, menghapus pop-up, membaca halaman pada kerapatan ganda, dan menghitung geraknya pada 24, 30, atau 60 fps yang terkunci. Kamu cukup mengubah setelan lalu mengekspor lagi, bukan merekam ulang.