Terintegrasi Tampilan Tamu
● Live Preview Interaktif
Bapak/Ibu Kehormatan
Merupakan suatu kehormatan dan kebahagiaan bagi kami apabila Bapak/Ibu/Saudara/i berkenan hadir dan memberikan doa restu.
Menampilkan 5 ucapan terbaru
Masukkan video desain Anda di tiap halaman & atur musik latar
index.html)Gunakan nama file langsung (misal: slide1.mp4, musik.mp3) di folder yang sama
Cara Pakai di Folder yang Sama:
1. Letakkan file video & musik di sebelah index.html dengan nama slide1.mp4 s/d slide7.mp4 dan musik.mp3 (atau ketik nama file bebas di kolom bawah).
2. Klik tombol "Hubungkan Otomatis (slide1-7.mp4 & musik.mp3)" atau pilih langsung seluruh isi folder dengan tombol "Pilih Folder Proyek".
Sumber Audio Aktif:
Synthesizer Piano Romantis (Web Audio API)
Input nama tamu, buat link ?to=, dan geser posisi X/Y pada kanvas 900×1600 px
Slide 1 s/d 7 adalah halaman kosong murni. Saat video diinput, kotak *placeholder* otomatis tersembunyi sehingga video desain Anda tampil penuh.
Atur teks nama tamu & koordinat X/Y di kanvas 900×1600 px
Muncul di atas video Slide 1 sesuai posisi yang Anda atur
💡 Tips Cepat: Anda juga bisa langsung menggeser (drag) kotak nama tamu di layar Slide 1 menggunakan jari atau mouse!
Tampilkan Tombol "Buka Undangan"
Saat diklik tamu, otomatis memutar musik & gulir ke Slide 2
Kelola daftar nama tamu, salin link undangan personal, atau uji langsung di Tampilan Khusus Tamu
Saat aktif di Tampilan Tamu, halaman 2–8 dikunci sampai tamu menekan tombol "Buka Undangan"
Video, musik, posisi nama tamu, daftar tamu & ucapan RSVP tersimpan otomatis
• IndexedDB Media Vault: Menyimpan file video & musik ukuran besar di perangkat.
• Cloud Realtime Database: Menyinkronkan daftar tamu, posisi X/Y, dan RSVP secara langsung.
Unduh seluruh data proyek ke file .json atau unggah kembali kapan saja.