Apa itu mockup HP?
Bingkai berbentuk perangkat yang menahan tangkapan layar, video, atau antarmuka agar desain terlihat dalam konteks. Berbeda dari overlay PNG datar, mockup 3D bisa mengubah kamera dan engsel sambil konten tetap dipetakan ke kaca.
Gratis di browser
Halaman responsif melebar dari cover ke dual screen dalam saat Anda melipat. Jatuhkan gambar atau video sendiri, crop, lalu ekspor MP4.
Media kustom dilukis di kanvas HTML dan dipetakan ke layar dalam serta luar Duo. Engsel adalah slider hidup, bukan GIF. Rekaman mengekspor tampilan 3D dengan konten masih di kaca.
Halaman ini adalah alatnya. Konten kustom dilukis di kanvas HTML, ditempel ke layar Duo, dan direkam di browser.
Situs demo mengalir dari layar pertama ke lebar dual-screen. Atau jatuhkan berkas dan seret untuk crop, seperti menempatkan foto profil.
Saat diseret, 1:1. Lepas, pegas ke buka atau tutup dari gerak saat ini.
Rekam siklus lipat dengan konten Anda dan unduh MP4 yang bisa diputar.
Pakai saat bingkai HP diam tidak cukup dan engsel harus ikut cerita.
Tampilkan UI yang terbuka di perangkat lipat, lalu ekspor shot-nya.
Masukkan video vertikal, lipat perangkat, pakai berkas yang sama untuk iklan atau sosmed.
Tempel still desain di kedua layar tanpa meninggalkan browser.
Tetap di halaman ini. Tidak perlu memasang apa pun.
Kustom mulai dengan halaman responsif yang melebar saat HP dibuka. Jatuhkan gambar atau video untuk crop dan menempatkannya.
Seret slider. Mengikuti tangan; lepas dan pegas ke buka atau tutup.
Tangkap satu siklus lipat sebagai MP4. Enkode di browser.
Saat bingkai perangkat diam terlalu mati untuk ceritanya.
Tampilkan UI produk terbuka di perangkat lipat tanpa render sinema.
Masukkan video, lipat pada ketukan, ekspor shot-nya.
Tempel tangkapan landing di kedua layar dan kirim klip hari ini.
Butuh plate tangan nyata, bukan mockup 3D?
Bingkai berbentuk perangkat yang menahan tangkapan layar, video, atau antarmuka agar desain terlihat dalam konteks. Berbeda dari overlay PNG datar, mockup 3D bisa mengubah kamera dan engsel sambil konten tetap dipetakan ke kaca.
Bingkai perangkat yang sudut engselnya parameter hidup. Tertutup menampilkan layar cover; terbuka menampilkan layar dalam. Media yang sama bisa dipasang ke kedua layar saat sudut berubah.
Browser memperlakukan piksel situs lain sebagai privat kecuali situs itu mengirim header CORS. Menggambar halaman lintas asal ke kanvas memungkinkan alat membaca piksel itu. Jika header tidak ada, jalur jujurnya menolak sematan dan menerima unggahan.
Konten lintas asal diblokir dari kanvas kecuali sumbernya dikirim dengan header CORS, agar halaman tidak membaca piksel situs lain.
MDN — CORS ↗WebCodecs memungkinkan situs mengenkode kanvas atau VideoFrame di browser tanpa mengirim bingkai ke server.
W3C WebCodecs ↗FAQ
Tanyakan apa saja pada kami!
Pangkas, konversi, dan beri subtitle dengan alat browser CutFast lainnya.