LUXEE HELPS
Lagu Undangan Tidak Mau Berputar? Ikuti Cara Memasang Fitur Autoplay Audio MP3 yang Mulus!
📌 Apa itu Fitur Audio MP3 Undangan?
Fitur Audio MP3 adalah modul pemutar musik latar belakang (background music) romantis yang dipasang untuk menyambut tamu undangan. Widget ini dilengkapi dengan kontrol visual berupa tombol putar/senyap melayang (floating music button), wave animation (visualizer), serta progress ring yang menunjukkan durasi lagu berjalan.
Klien Anda ingin memakai lagu favorit mereka dengan durasi 5 menit penuh. File MP3 mentah tersebut berukuran 12MB. Jika file raksasa ini langsung diupload ke WordPress, tamu undangan akan mendapati web Anda loading sangat lama atau lagu tersendat-sendat di HP mereka. Melakukan kompresi bit-rate file MP3 hingga ukurannya di bawah 2MB adalah rahasia agar musik langsung berbunyi instan tanpa lag.
🛠️ Langkah Menyisipkan Audio MP3 ke Undangan
Pada ekosistem Luxee, pemutar lagu ini dijalankan menggunakan widget Audio MP3 bawaan Luxee WidgetKit. Widget ini dilengkapi opsi visualisasi wave effect yang dinamis, pengaturan range pemotongan waktu lagu, dan ring bar. Pelajari detail teknis setelan widget ini di panduan Widget Audio MP3 →
Langkah 1: Menyiapkan & Kompres Berkas MP3
Siapkan file lagu romantis format `.mp3`. Gunakan kompresor audio online (seperti Audio Converter) untuk memotong bit-rate menjadi 128kbps atau 96kbps mono. Jaga agar ukuran total berkas di bawah 2MB. Unggah berkas tersebut ke **Media Library** WordPress Anda dan salin link URL langsungnya.
Langkah 2: Menambahkan Widget Audio MP3 Luxee
Di editor Elementor, tambahkan widget **Audio MP3** ke halaman Anda (biasanya diletakkan di bagian paling atas atau bawah halaman). Tempelkan link langsung MP3 Anda ke kolom **Audio URL** di panel Elementor kiri.
Langkah 3: Mengaktifkan Autoplay dengan Cover
Karena browser modern (seperti Chrome & Safari) memblokir pemutaran musik bersuara secara otomatis sebelum ada ketukan pengguna di layar, Anda wajib menghubungkan pemutaran musik ini dengan tombol **Buka Undangan** pada widget Cover Undangan. Masukkan selector ID musik ke setelan tombol Cover Anda.
Langkah 4: Menonton Video Tutorial Detail
Tonton video berikut untuk mempraktikkan proses upload musik, setup trigger autoplay, serta kustomisasi visualizer efek wave:
Jika website undangan digital Anda dipublikasikan secara umum dan diindeks mesin pencari, disarankan menggunakan musik bebas hak cipta (royalty-free) atau versi instrumen akustik cover guna menghindari pemblokiran akses pemutaran otomatis oleh filter browser tertentu atau klaim hak cipta.
🔗 Modul Panduan Terkait
Langkah berikutnya adalah mendesain cover pembuka undangan:
💡 Pertanyaan Sering Ditanya (FAQ)
Kebijakan keamanan (Autoplay Policy) browser modern melarang suara diputar otomatis demi kenyamanan pengguna. Solusi mutlaknya adalah memicu suara berputar sesaat setelah tamu mengeklik tombol "Buka Undangan" pada halaman sampul depan.
Tidak disarankan. YouTube API dan Spotify Embed membatasi pemutaran otomatis di latar belakang ponsel dan sering kali memuat iklan di awal video. Selalu gunakan file berformat `.mp3` langsung yang Anda host di server sendiri demi kestabilan pemutaran.
Cukup aktifkan opsi **Loop** pada pengaturan widget Audio MP3 di panel Elementor sebelah kiri. Lagu akan berulang terus-menerus tanpa jeda selama tamu membuka undangan.