Lompat ke konten

Cara membuat video gulir website

Ubah website apa pun jadi video gulir yang mulus: tempel tautannya, atur durasi, bentuk, dan geraknya, lalu ekspor MP4, WebM, atau GIF tanpa watermark.

Aviral LakhanpaulDiperbarui 4 menit baca

Jawaban singkatnya

Tempel alamat halaman ke alat URL-ke-video seperti Website Scroll Video, pilih berapa lama guliran berjalan dan rasio aspek yang kamu butuhkan, lihat pratinjaunya, lalu ekspor. Halaman dibuka di browser sungguhan di server, banner cookie disingkirkan, dan setiap bingkai guliran dihitung, sehingga kamu mendapat MP4, WebM, atau GIF yang rata tanpa merekam layarmu.

Sebelum mulai

Kamu butuh tiga hal: alamat publik, akun untuk mengekspor, dan sekitar lima menit.

  • URL publik. Apa saja yang bisa dibuka di jendela browser pribadi tanpa kata sandi. Tautan staging bisa dipakai asalkan publik, misalnya alamat Framer .framer.website atau alamat Webflow .webflow.io. localhost dan halaman di balik login tidak bisa.
  • Akun. Membaca halaman dan melihat pratinjau gratis. Mengekspor memakai kredit, dan setiap akun baru mendapat 51 kredit satu kali, tanpa kartu.
  • Gambaran kasar ke mana videonya akan dipakai. Reel, portofolio, email ke klien. Itu yang menentukan bentuk dan durasi, dua setelan yang tidak bisa kamu ubah belakangan tanpa mengekspor ulang.

Buat videonya dalam enam langkah

  1. Tempel tautannya

    Tempel alamatnya di kolom pada beranda lalu tekan Enter. Kami membuka halaman di browser sungguhan, menunggu font dan gambar yang dimuat belakangan, lalu membacanya dari atas ke bawah. Tidak ada yang direkam dari layarmu.

  2. Pilih perangkat dan bentuknya

    Desktop membaca halaman pada lebar desktop dan memberimu 16:9, 4:3, atau 1:1. Tablet dan Ponsel membacanya pada lebar masing-masing, sehingga situs menyajikan tata letak responsifnya yang asli, dan memberimu 9:16, 4:5, atau 1:1. Harus mengikuti spesifikasi? Ketik ukuran persisnya.

  3. Atur durasinya

    Durasi berkisar dari 2 sampai 90 detik, dan sekaligus menentukan kecepatan guliran: halaman yang sama dalam enam detik jadi cuplikan, dalam tiga puluh detik jadi tur.

  4. Pilih geraknya

    Halus mulai dan berhenti dengan lembut, Meluncur berangkat cepat lalu melambat sampai berhenti, Linier menjaga satu kecepatan, dan Denyut menuruni halaman satu bagian demi satu bagian. Atur Pemutaran ke Turun lalu kembali jika video harus berulang tanpa sambungan.

  5. Tambahkan tahan, jeda, dan hover

    Opsional, dan di sinilah sebagian besar sentuhan akhirnya. Diam hingga 10 detik di awal atau akhir, berhenti di hingga 6 bagian, dan arahkan kursor ke tombol dan kartu agar efek hover-nya berjalan.

  6. Lihat pratinjau, lalu ekspor

    Pratinjau diputar di browsermu dan tidak memakan biaya, berapa kali pun kamu memutarnya ulang. Jika sudah pas, ekspor MP4, WebM, atau GIF. Biaya kredit persisnya tertera di tombol Ekspor sebelum kamu menekannya.

Setelan yang berpengaruh

Sebagian besar editor sudah punya nilai bawaan yang masuk akal. Yang berikut ini layak dilihat dua kali.

Setelan yang disarankan untuk video gulir website
SetelanMulai denganUbah jika
DurasiSekitar dua detik untuk setiap layar halamanVideonya cuplikan (lebih pendek) atau orang perlu membaca teksnya (lebih panjang, atau tambahkan jeda)
Laju bingkai60 fpsUkuran berkas lebih penting daripada kehalusan. 30 fps memangkas jumlah bingkai jadi separuh. GIF dibatasi 24
Resolusi1080pVideo akan ditampilkan di layar besar atau dipotong nanti (1440p atau 4K), atau hanya draf cepat (720p)
GerakHalusVideonya loop latar (Linier) atau tur produk yang harus berhenti di tiap bagian (Denyut)
FormatMP4Kamu butuh transparansi atau berkas lebih kecil (WebM) atau video harus diputar langsung di email (GIF)
MesinGeser statisHalaman punya animasi kemunculan saat digulir atau parallax yang ingin kamu pertahankan (Perekaman langsung)

Jika halamannya panjang dan hanya separuh atasnya yang menjual, seret pegangan pemangkas di bawah pratinjau untuk menentukan di mana guliran mulai dan berhenti. Guliran yang lebih pendek dengan durasi yang sama berarti guliran yang lebih lambat dan lebih mudah dibaca.

Berapa biayanya

Durasi memakai satu kredit untuk setiap 2 detik video jadi, dan beberapa setelan menambahkan jumlah tetap di atasnya: resolusi lebih tinggi, laju bingkai lebih tinggi, Perekaman langsung, lebar tablet atau ponsel, jeda, dan hover. Ekspor 10 detik dalam 1080p dan 60 fps, dibaca pada lebar desktop, memakai 21 kredit, jadi 51 kredit yang kamu dapat saat mendaftar cukup untuk dua kali.

Setelah itu, kredit tersedia dalam paket ($5 untuk 100, $12 untuk 400, dan $19 untuk 900) dan tidak pernah kedaluwarsa. Tidak ada langganan dan tidak ada watermark di ekspor mana pun. Cara kerja kredit memuat tabel lengkapnya.

Jika ada yang terlihat salah

  • Animasi kemunculan hilang atau sebuah bagian terlihat kosong. Mesin yang cepat menggeser gambar diam dari halaman, jadi efek yang dipicu guliran tidak berjalan. Ganti mesin ke Perekaman langsung, atau nyalakan “Tuntaskan animasi” agar animasinya berjalan sampai keadaan akhirnya. Lihat merekam animasi gulir.
  • Banner cookie atau gelembung obrolan lolos. Biarkan “Singkirkan banner cookie dan pop-up” tetap menyala, dan tambahkan apa pun yang terlewat di “Sembunyikan elemen” sebagai selektor CSS. Selengkapnya di menghapus pop-up dari rekaman.
  • Halaman menampilkan layar login atau galat. Halaman harus publik. Kami tidak bisa masuk atas namamu, dan beberapa situs langsung menolak browser otomatis.
  • Video ponsel terlihat seperti halaman desktop yang dipencet. Pilih Ponsel sebagai perangkat, bukan rasio aspek tinggi di Desktop, agar situs menyajikan tata letak ponselnya. Lihat merekam versi ponsel.

Coba di situsmu sendiri

Tempel tautan dan lihat pratinjau guliran secara gratis. 51 kredit gratis saat mendaftar, tanpa kartu, dan tanpa watermark di apa pun yang kamu ekspor.

Pencarian terbaru

    Pertanyaan, terjawab

    Jawaban singkat untuk hal yang biasanya ditanyakan berikutnya.

    Kontak
    Bisakah saya membuat video gulir website secara gratis?

    Bisa. Setiap akun baru mendapat 51 kredit gratis satu kali, tanpa kartu, cukup untuk beberapa ekspor 1080p yang pendek. Pratinjau tidak pernah memakan biaya, dan tidak ada video yang diberi watermark, kredit mana pun yang dipakai untuk membayarnya.

    Apakah saya perlu memasang sesuatu?

    Tidak. Tidak ada aplikasi dan tidak ada ekstensi browser. Halaman dibuka dan direkam di server kami, jadi hasilnya sama dari laptop, tablet, atau ponsel.

    Bisakah saya membuat video gulir dari situs yang belum tayang?

    Hanya jika situsnya punya alamat publik. Terbitkan ke URL pratinjau atau staging yang bisa dibuka tanpa kata sandi, lalu tempel alamat itu. Alamat lokal dan jaringan privat tidak bisa dijangkau.

    Berapa lama sebaiknya video gulir website?

    Antara 2 dan 90 detik bisa dibuat. Untuk sebagian besar landing page, delapan sampai lima belas detik enak diikuti; cuplikan media sosial pas di enam sampai sepuluh detik, dan tur portofolio lengkap bisa sampai tiga puluh detik dengan beberapa jeda.

    Logo Website Scroll Video, tombol putar di atas halaman web dalam jendela browser.

    Lebih sedikit waktu merekam. Lebih banyak waktu berkarya.

    Otomatiskan perekaman situs dengan gerak yang bisa disesuaikan, kendali yang cerdas, dan pilihan ekspor yang dirancang untuk kreator masa kini.