Setelah lama tidak menulis dalam blog ini, kali ini saya akan kembali memperbarui tulisan pada blog ini, dalam tulisan saya yang kali ini, saya akan membuat sebuah program sederhana yang dapat memainkan musik pada web browser menggunakan tag audio pada html 5, berbeda dengan tulisan saya yang sebelumnnya pada kategori "html" dengan judul "Memainkan Video Melalui Web Browser", kali ini saya akan memainkan musik melalui web browser, berikut lankah – langkahnya:
Pertama buka editor teks favorit anda, saya sendiri menggunakan Codelobster PHP Edition, dan buatlah sebuah dokumen .html baru
Kemudian ketikan kode dibawah ini:
<!DOCTYPE HTML> <html> <head> <title>Memainkan Musik Melalui Web Browser</title> </head> <body> <!-- Tanda %20 berarti adanya penggunaan spasi --> <audio src="Green%20Day%20-%20Walking%20Alone.mp3" controls="controls"> Your web browser does not support the audio tag </audio> </body> </html>
Simpan dokumen tersebut dengan nama audio.html
Siapkan sebuah file audio dengan format .mp3, kemudian taruh file audio tersebut dalam folder yang sama dengan dokumen audio.html yang telah kita buat sebelumnya
Catatan saya mempunyai file audio dengan nama Green Day - Walking Alone.mp3, ingat di dalam kode program karakter <spasi> diganti dengan karakter %20
Jika berhasil hasilnya akan seperti gambar dibawah ini:
Gambar : hasil akhir tampilan program
Saya mencoba tutorial diatas menggunakan Web Browser Google Chrome
Demikian tutorial sederhana saya kali ini semoga artikel mengenai cara memainkan musik melalui web browser dapat bermanfaat bagi para pengunjung sekalian, tetap tunggu artikel saya yang selanjutnya.
0 Comments:
Post a Comment