Widget Musik Latar HTML

Sematkan audio ambient berulang di situs HTML Anda untuk menciptakan suasana, menarik pengunjung, dan membuat pengalaman mereka terasa lebih hidup dan imersif.
Rating 4,8
Lebih dari 10.000 ulasan
Rencana gratis tersedia
Buat Widget Gratis
Tidak perlu kartu kredit
HTML Background Music Widget

Buat Widget Musik Latar Anda

Atur widget Anda dan tambahkan ke situs HTML Anda secara gratis!

Cuplikan Layar

HTML Background Music Widget
1 / 6

Mengapa Orang Suka Elfsight

Musik punya cara membuat momen jadi berkesan. Dengan widget Musik Latar Belakang Elfsight, Anda bisa menambahkan musik latar ke halaman HTML dalam beberapa klik saja. Entah itu instrumental yang menenangkan untuk portofolio, trek yang energik untuk halaman acara, atau bahkan daftar putar musiman untuk toko — Anda mengatur nuansanya, dan pengunjung langsung merasakannya.

Cepat diatur dan lebih mudah dikelola. Anda tidak perlu tahu cara menambahkan Musik Latar ke HTML secara manual, atau mengutak-atik skrip yang rumit. Cukup desain pemutar Anda, salin satu baris kode, dan tempelkan di tempat Anda ingin musik diputar.

Tahukah Anda?

Sebuah survei konsumen menemukan bahwa 70% pelanggan merasa lebih terhubung dengan merek ketika mendengarkan pilihan musik yang disesuaikan.

Biarkan merek Anda membangun koneksi itu – tambahkan Musik Latar dengan Elfsight secara gratis hari ini dan biarkan pengunjung Anda merasakan bagaimana merek Anda terdengar.

Fitur Utama Widget Musik Latar HTML

Berikut keunggulannya:

  • Gaya Pemutar Kustom: Sesuaikan kontrol musik dengan warna merek dan tipografi Anda.
  • Pemutaran yang fleksibel: Pilih apakah memutar otomatis, mengulang, atau biarkan pengunjung mengontrol pemutaran.
  • Beberapa lagu: Tambahkan satu lagu atau seluruh daftar putar – sempurna untuk kampanye khusus.
  • Berfungsi di mana saja: Mulai dari portofolio hingga toko online, mudah untuk menyematkan atau memutar musik latar di HTML.
  • Ramah bagi pemula: Jika Anda bisa menyalin dan menempel teks, Anda bisa mengaturnya—tak perlu mengedit kode HTML untuk musik latar secara manual.
  • Desain responsif: Pemutar bekerja mulus di desktop, tablet, dan ponsel.

Coba widget gratis di editor langsung kami — tidak perlu mendaftar

Cara Menambahkan Musik Latar ke HTML

Ada dua cara sederhana untuk membuatnya bekerja:

Metode 1: Pemutar Musik Inline

Bagus jika Anda ingin musik diputar hanya di halaman tertentu, seperti beranda atau halaman arahan. Pemutar musik akan berada rapi di dalam konten Anda tepat di tempat Anda menempatkannya.

  1. Pilih Template: Buka editor Elfsight dan pilih gaya pemutar Anda.
  2. Sesuaikan Widget: Unggah trek Anda atau tautkan sumber Anda, atur Pemutaran Otomatis, Pengulangan, dan Volume.
  3. Buat Kode: Klik “Tambahkan ke situs web” dan salin potongan kodenya.
  4. Sematkan di Situs: Tempelkan tepat di tempat Anda ingin pemutar muncul di halaman HTML Anda.

Metode 2: Pemutar Musik Mengambang

Ideal jika Anda ingin musik latar mengikuti pengunjung saat mereka menggulir. Pemutar mengambang tetap terlihat di bagian bawah atau sisi layar, sehingga musik Anda selalu bisa diputar dengan satu klik.

  1. Pilih Template: Pilih tata letak mengambang seperti bilah bawah atau sidebar.
  2. Sesuaikan Widget: Tambahkan lagu, atur desain, pemutaran, dan opsi daftar putar.
  3. Hasilkan Kode: Setelah Anda selesai melakukan penyesuaian, klik “Tambahkan ke situs web secara gratis”, lalu salin kode semat dari editor.
  4. Sisipkan di Situs Anda: Tempelkan ke HTML Anda tepat sebelum penutup </body> agar tampil di seluruh situs.

Need more guidance? Kunjungi Pusat Bantuan kami, jelajahi artikel blog kami tentang cara menambahkan musik latar ke situs web Anda. Jangan ragu untuk berbagi ide-ide baru di Daftar Keinginan. Untuk pembaruan terbaru, cek Catatan Perubahan.

Bisukkan saya menyematkan Background Player pada situs HTML biasa?

Ya, Anda bisa menambahkan Background Player ke situs HTML mana pun dengan menempelkan kode semat ke sumber halaman Anda di lokasi tempat musik akan dimuat.

Apakah saya perlu hosting khusus untuk menggunakan widget ini di HTML?

Tidak diperlukan hosting khusus. Selama situs HTML Anda mendukung JavaScript, pemutar audio latar belakang akan berfungsi dengan baik.

Format file audio apa saja didukung oleh Musik Latar?

Pemutar mendukung format umum seperti MP3, WAV, AAC, OGA, M4A, MP4A, WEBM audio, dan ekstensi standar lainnya yang didukung peramban modern.

Bisakah saya mengunggah berkas audio sendiri atau hanya menggunakan tautan eksternal?

Anda bisa mengunggah file audio langsung di editor maupun menambahkan trek melalui URL eksternal, memberi Anda fleksibilitas untuk halaman HTML.

Berapa ukuran maksimum file untuk trek yang diunggah?

Setiap berkas audio yang diunggah bisa hingga 100 MB, cocok untuk rekaman panjang atau trek musik latar berkualitas tinggi.

Sumber eksternal apa saja yang didukung?

Solusi audio latar mendukung SoundCloud, YouTube (audio video), Vimeo, Twitch, Wistia, dan file audio yang dihosting sendiri yang ditambahkan ke situs HTML Anda.

Apakah saya perlu kunci API untuk YouTube atau SoundCloud?

Tanpa kunci API. Cukup tempelkan tautan media ke dalam widget, dan ia akan menangani pemutaran tanpa pengaturan pengembang tambahan.

Bisakah saya menampilkan atau menyembunyikan daftar putar pada halaman HTML saya?

Ya, Anda bisa menampilkan playlist yang terlihat dengan judul lagu, atau membiarkannya tersembunyi untuk pengalaman musik latar yang bersih dan minimal.

Dapatkah opsi acak atau putar ulang diaktifkan secara bawaan?

Anda bisa mengatur mode Shuffle dan Loop agar trek diputar secara acak atau diulang otomatis saat pemutar dimuat.

Apakah autoplay berfungsi di situs HTML?

Pemutaran otomatis bisa diaktifkan, tetapi sebagian besar peramban memerlukan interaksi pengguna sebelum suara dimulai, sehingga pengunjung mungkin perlu mengklik Putar terlebih dahulu.

Bisakah saya menambahkan gambar latar belakang kustom pada pemutar?

Ya, Anda bisa mengunggah gambar kustom untuk dijadikan latar belakang pemutar musik, menggantikan warna bawaan dengan visual bermerek.

Apakah Musik Latar akan menjeda audio lain di perangkat seluler?

Pada ponsel, memutar musik latar bisa membuat aplikasi lain seperti Spotify berhenti sementara karena sistem seluler biasanya hanya mengizinkan satu sumber audio aktif.

Harga

Garansi uang kembali 14 hari. Tanpa risiko, Anda bisa membatalkan kapan saja.
Elfsight Apps
Solusi digital lintas-platform
mulai dari $0/bulan
Mulai dengan paket gratis
Domain tanpa batas
Dukungan pelanggan 24/7
Layanan pemasangan gratis
Penawaran khusus untuk beberapa aplikasi
Sepenuhnya dapat disesuaikan