Panduan Autoplay Audio Untuk Undangan Pernikahan Digital

Disclaimer:

Untuk menjalankan fitur autoplay baik audio / video pada mobilephone sudah lama dibatasi oleh android ataupun ios, maka perlu tricky khusus untuk menjalankan autoplaynya.

Notes for IOS (restrictions imposed by Apple):

  1. The autoplay will not work because IOS disables autoplay feature and it can’t be controlled from JS
  2. Volume controllers will not work on IOS. You’ll have to adjust the volume with physical buttons of the mobile device.

Note for Safari & Chrome (restrictions imposed by Apple & Google):

Starting with Safari 11 and Chrome 66 the autoplay will not work because Apple & Google disabled autoplay feature and it can’t be controlled from JS

Panduan Autoplay Audio Untuk Undangan Pernikahan Digital

Namun jangan khawatir, di sini kita akan bantu anda dalam menggunakan autplay audio pada perangkat mobile tuk android / ios dengan tinggal keberhasilan 90% untuk menjalankan audionya sebagai pelengkap undangan pernikahan digital.

Langkah menyisipkan musik pengiring pada desain undangan pernikahan digital

  1. Siapkan desain undangan pernikahan digital anda, gunakan weddingpress library untuk mempermudah dalam menyiapkan templatenya
  2. Siapkan audio yang akan digunakan sebagai musik pengiring, pastikan ukuran tidak terlalu besar dan berformat .mp3
  3. Gunakan widget audio mp3 dari weddingpress dan sisipkan kedalam desain undangan digitalnya.
  4. Atur widget audio mp3 nya, seperti:

Catatan: Jika ternyata icon audio tidak muncul, maka pastikan Anda mengganti bagian icon untuk play dan pause ke jenis tampilan icon yang lain, dan pilih juga tampilan view menjadi stacked serta perbesar icon size dibagian tab style.

Untuk pengaturan tab style bisa anda gunakan supaya tampilan icon audio jadi lebih baik lagi sesuai dengan tampilan undangan digitalnya.

Gunakan fitur sticky pada tab advanced untuk mengunci letak icon audio supaya tampil tetap pada halaman undangan (fitur sticky ini akan muncul jika anda menggunakan elementor pro).

  1. Setelah selesai, lakukan update dan publish pada desain undangan pernikahan digital Anda.

 

Beberapa pertanyaan member mengenai audio pada undangan pernikahan digital (QnA)

Q: Mengapa audio tidak jalan secara autoplay, padahal saya sudah menggunakan widget audio mp3 pada tampilan desain undangannya? Dan ini hanya terjadi di mobile, sedangkan di pc dia sudah jalan!

A: Seperti diawal kita jelaskan bahwa fitur autoplay memang dibatasi untuk perangkat mobile walau sudah menggunakan widget audio, jadi solusinya adalah:

  1. Setelah menambahkan widget audio mp3 pada desain undangan pernikahan anda, pastikan audio sudah tersetting secara autoplay.
  2. Tambahkan widget invitation pada desain undangannya untuk melakukan trigger autoplay audio; karna di salah satu fungsi pada button “buka undangan” yang ada di widget invitation adalah melakukan “klik” supaya audio bisa jalan jadi seolah-olah audio akan otomasi melalukan playing pada desain undangan digitalnya.

 

Q: Saya sudah menambahkan widget audio mp3 dan widget invitation tapi ternyata tombol buka undangan tidak bisa diklik dan audio tidak jalan?

A: Untuk hal ini, silahkan pastikan lagi theme website undangan pernikahan digital yang anda gunakan! Kami lebih menyarankan dalam penggunaan theme hello dari elementor untuk tampilan yang lebih sempurna. Cara ganti theme silahkan ke bagian dashboard – appereance – theme – add new; dan pilih hello elementor. Setelah itu silahkan di activate themenya.

Selanjutnya adalah pastikan anda tidak menggunakan plugin tambahan seperti plugin cache (litespeed cache, fastest cache dan sejenisnya. Dan tidak juga menggunakan plugin optimize seperti wp optimize, all in one optimize dan sejenisnya mengingat kedua jenis plugin (cache & optimize) terkadang menghambat penggunaan fitur javascript pada elementor.

Jika anda terlanjur menggunakannya silahkan kebagian plugin, dan non aktifkan lalu delete plugin-plugin tersebut.

 

Q: Ada jeda beberapa detik ketika halaman terbuka untuk audio terdengar secara autoplay?

A: Ya, dibeberapa browser bawaan seperti browser default xiaomi dan vivo ternyata kita temukan jeda beberapa detik untuk audio terdengar autoplay dan ini memang ternyata masih dalam tahap wajar mengingat kembali diawal yang sudah kita jelaskan bahwa memang hanya sekitar 90% perangkat yang membuka tampilan undangan akan benar-benar bisa menjalankan audionya sesuai dengan pengaturan yang kita berikan.

 

Q: Bagaimana jika saya tidak ingin menggunakan widget invitation, apakah audio bisa jalan?

A: Untuk melakukan tricky autoplay selain dengan widget invitation, anda bisa menggunakan tricky redirect. Tutorial ini sudah kita bahas di ecourse mahir undangan digital ya.. silahkan cek aksesnya yang sudah kita sediakan dimemberarea.

 

Q: Saya ada pertanyaan lagi mengenai audio?

A: Silahkan dapatkan prioritas support anda di grup support khusus member weddingpress, kami siap membantu permasalahan member dalam menyiapkan tampilan desain undangan digitalnya.

More Docs
Chat WhatsApp
Chat WhatsApp