Standar HTML5 mendukung dua mekanisme berbeda untuk menyajikan file audio. Tautkan MP3, membuatnya tersedia untuk diunduh, atau sematkan sedemikian rupa sehingga orang dapat menikmati musik dari pemutar audio di halaman.
Ketersediaan Audio
File MP3 harus dapat diakses di internet sebelum tautan atau objek yang disematkan berhasil. Jika MP3 sudah online, salin URL langsung ke file. URL ini harus ke aset media; tidak boleh ke halaman yang terkait dengan aset.
Dengan MP3 Anda sendiri, Anda harus menggunakan alat untuk mengunggah file dari komputer Anda ke server file internet. Kebanyakan orang menggunakan FTP, SFTP, atau SSH untuk mengunggah MP3 ke situs web mereka, meskipun jika situs Anda menggunakan sistem manajemen konten seperti WordPress, CMS mendukung utilitas unggah titik-dan-klik.
Menambahkan MP3 ke Halaman Web Anda
Dengan URL di tangan, Anda siap menambahkan MP3 ke situs Anda. Jika alat pembuatan halaman Anda mendukung antarmuka titik-dan-klik, gunakan itu—karena masing-masing berbeda, lihat dokumentasi CMS Anda untuk prosedur tertentu.
Terlepas dari GUI Anda, pengeditan manual ke HTML selalu berfungsi, secara konsisten.
Membuat Tautan
Tautan yang membuka file media di tab baru atau mengunduhnya ke komputer pengunjung bergantung pada standar jangkar menandai. Oleh karena itu, elemen HTML terdiri dari tag jangkar, URL MP3, teks yang mengaktifkan hyperlink, dan parameter opsional. Misalnya, untuk mengunduh podcast.mp3 melalui tautan berjudul Unduh acaranya!, gunakan elemen HTML berikut:
Unduh acaranya!
Elemen ini memaksa unduhan MP3. Untuk mengizinkan MP3 dibuka, hapus tombol unduh atribut di akhir URL MP3.
Menyematkan File Audio
Untuk menggunakan HTML5 untuk menyematkan pemutar audio kecil, gunakan audio elemen. Karena beberapa browser tidak mendukungnya, teks apa pun yang disertakan dalam elemen ditampilkan jika browser tidak dapat menampilkan pemutar audio.
Browser Anda tidak mendukung tag audio.
Itu audio elemen mencakup beberapa atribut standar:
- Putar otomatis: Jika ditentukan dalam tag, audio diputar segera setelah dimuat dan siap, terlepas dari interaksi pengunjung dengan pemutar audio tersemat.
- Kontrol: Menampilkan kontrol dasar, termasuk tombol putar/jeda dan tautan unduhan.
- lingkaran: Bila ditentukan, lingkaran memutar ulang audio secara terus menerus.
- Meredam: Mematikan output audio.