Gunakan fungsi JavaScript untuk memungkinkan pengunjung situs memutar MP3.
Sejumlah cara dimungkinkan untuk menyematkan dan memutar file audio MP3 di halaman Web Anda. Tag "sematkan" yang tidak digunakan lagi dalam HTML, berbagai pemutar Flash, dan pemutar berbasis Java adalah contohnya. Standar HTML5, dengan penekanannya pada skrip dan kurangnya ketergantungan pada perangkat lunak pihak ketiga, menawarkan cara yang paling kompatibel untuk menyematkan dan memutar MP3 di halaman Web ke depannya. Sematkan file MP3 dengan objek "audio" HTML5, lalu gunakan fungsi JavaScript untuk mulai memutarnya
Langkah 1
Tambahkan kode berikut ke badan dokumen HTML Anda:
Video Hari Ini
Kode ini menyematkan dan memuat file MP3, tetapi tidak memutarnya. Nilai tag "src" berisi path ke dan nama file dari file MP3.
Langkah 2
Tambahkan kode JavaScript berikut di antara tag "head" pada dokumen HTML Anda:
Fungsi ini, saat dipanggil, mengakses elemen "audio" dengan id-nya ("mp3"), dan menggunakan metode play() untuk memainkannya.
Langkah 3
Tambahkan tombol ke halaman Web untuk memanggil fungsi "playMP3" saat pengguna mengkliknya. Tambahkan kode berikut ke badan dokumen HTML:
Ubah atribut "nilai" untuk memberi tombol judul yang berbeda.
Langkah 4
Gunakan fungsi berikut sebagai ganti "playMP3" untuk membiarkan pengguna menjeda file setelah memulainya:
function playpauseMP3(){ if (document.getElementById("mp3").paused){ document.getElementById("mp3").play(); }else{ document.getElementById("mp3").pause(); } }
Ubah atribut "onClick" dari tag "input" di Langkah 3 agar sesuai dengan nama fungsi ini.
