Home-theater-designers
Jika Anda ingin pengunjung situs web Anda menikmati file MP3, salah satu cara termudah untuk melakukannya adalah dengan menyematkannya di halaman. Dengan pemutar MP3 yang disematkan, pengunjung tidak perlu mengunduh audio secara langsung atau menggunakan perangkat lunak tambahan karena diputar secara inline.
Kami akan merinci berbagai metode yang dapat Anda gunakan untuk menyematkan MP3 di situs web Anda, termasuk menggunakan HTML5 dan Google Drive.
1. Sematkan MP3 di Situs Web Anda Dengan HTML5
Jika Anda merasa nyaman mengedit kode situs web Anda, salah satu cara termudah untuk menyematkan file MP3 adalah dengan menggunakan HTML5.
HTML5 tag mungkin tampak dasar pada pandangan pertama, tetapi kuat karena kompatibel dengan semua browser desktop dan seluler utama.
Untuk menyematkan MP3 dengan HTML5, gunakan kode ini:
Your browser does not support the audio tag.Cukup ganti URL MP3 DI SINI dengan file audio yang Anda unggah. Ini tidak bisa berupa file yang disimpan di komputer Anda; itu harus tersedia secara online.
hard drive eksternal toshiba lampu biru
Kode ini akan menempatkan pemutar audio kecil di halaman, tempat pengguna dapat memutar, menjeda, menggosok, dan menyesuaikan volume. Berikut tampilannya di Firefox:
Kode ini juga menyertakan pesan yang akan ditampilkan sebagai pengganti pemutar media, jika browser pengguna tidak mendukung pemutar tersebut.
Anda dapat menerapkan atribut seperti putar otomatis dan lingkaran , seperti:
Your browser does not support the audio tag.Ingatlah bahwa sebagian besar browser tidak akan mendukung putar otomatis karena dianggap praktik yang buruk untuk memaksa audio secara otomatis ke pengguna.
Kustomisasi dasar dapat diterapkan ke blok pemutar audio melalui CSS, seperti berbatasan dan lapisan . Namun, Anda harus menggunakan JavaScript untuk mengatur gaya pemutar itu sendiri dengan benar sehingga konsisten di seluruh browser.
Informasi lebih lanjut tentang atribut dan penyesuaian pemutar audio HTML5 dapat ditemukan di Dokumen Web MDN .
keyboard nirkabel dengan touchpad untuk mac
Terkait: Efek HTML Keren yang Dapat Ditambahkan Siapa Saja ke Situs Web Mereka
2. Sematkan MP3 di Situs Web Anda Dengan Google Drive
Google Drive adalah penyedia penyimpanan cloud yang luar biasa dan gratis . Anda dapat menggunakannya untuk mengunggah file MP3 Anda dan membuat pemutar audio.
Dengan MP3 yang diunggah ke Google Drive:
- Klik kanan file dan klik Dapatkan tautan .
- Ubah batasan aksesibilitas menjadi Siapa saja yang memiliki tautan .
- Terakhir, klik Salin tautan .
Ini akan memberi Anda URL yang mirip dengan ini:
https://drive.google.com/file/d/123/view?usp=sharingMengganti lihat?usp=berbagi dengan pratinjau , seperti:
https://drive.google.com/file/d/123/previewKemudian, gunakan Anda dapat menyesuaikan, menambah, atau menghapus atribut (seperti batas bingkai dan lebar ) seperlunya. Ini akan menyematkan MP3 di situs web Anda menggunakan pemutar Google Drive. Pengguna dapat memutar, menggosok, dan menyesuaikan volume, seperti halnya dengan pemutar HTML5. Berikut tampilannya: Perbedaan utama adalah adanya pop out tombol. Ini membuka MP3 di Google Drive, di mana pengguna dapat menambahkan komentar, berbagi file, dan banyak lagi. Jika Anda menggunakan sistem manajemen konten (CMS) untuk situs web Anda, kemungkinan besar Anda masih dapat menggunakan metode di atas. Yang mengatakan, Anda mungkin tidak nyaman mengedit kode HTML. CMS apa pun yang bagus akan memungkinkan Anda menambahkan audio ke situs web Anda dengan mudah melalui antarmukanya. Misalnya, di WordPress, Anda hanya perlu tambahkan blok , Pilih audio , dan kemudian Mengunggah MP3, pilih dari Anda Perpustakaan Media , atau Sisipkan dari URL . Baik Anda menggunakan Google Sites, ExpressionEngine, atau layanan seperti Squarespace, proses untuk menambahkan audio akan sedikit berbeda, jadi pastikan untuk membaca dokumentasi bantuan perusahaan untuk panduan lengkap. Dengan menggunakan salah satu metode di atas, pengunjung situs web Anda sekarang dapat mendengarkan file MP3 melalui pemutar media dengan mudah. Meskipun demikian, Anda tidak selalu perlu menggunakan file MP3. Ada banyak format audio umum lainnya, seperti WAV dan FLAC, yang sama-sama dapat Anda putar sebaris di situs web Anda. Anda tahu tentang MP3, tapi bagaimana dengan AAC, FLAC, OGG, atau WMA? Mengapa ada begitu banyak format file audio dan apakah ada format audio terbaik? Joe lahir dengan keyboard di tangannya dan segera mulai menulis tentang teknologi. Dia memiliki gelar BA (Hons) dalam Bisnis dan sekarang menjadi penulis lepas penuh waktu yang senang membuat teknologi sederhana untuk semua orang. Bergabunglah dengan buletin kami untuk kiat teknologi, ulasan, ebook gratis, dan penawaran eksklusif!3. Sematkan MP3 di Situs Web Anda Dengan CMS
buat polling di halaman facebook
Biarkan Pengunjung Anda Mendengarkan MP3 Dengan Mudah
Tentang Penulis Joe Keeley(652 Artikel Diterbitkan) Berlangganan newsletter kami