Sobat D42n, jika sebelumnya saya menyampaikan Cara
menambahkan pemutar video di website sendiri. Kali ini saya akan menyampaikan
Cara Membuat Pemutar Musik di Website.
Jika diantara sobat yang gemar mendengarkan musik atau suka
menyanyi, tidak ada salahnya jika lagu favorit sobat dapat didengarkan oleh
seluruh orang di penjuru dunia ini.
Maka dari itu saya akan menyampaikan Cara Membuat Pemutar Musik di Website sendiri menggunakan HTML5.
Sekilas tentang HTML 5
HTML5adalah versi bahasa pemrograman HTML ke 5 sejak pertama kali dibuat pada tahun 1990. Tujuan utamanya adalah mengembangkan teknologi khususnya dalam pemrograman HTML.
Cara Membuat Pemutar Musik di Web
Langkah-langkah untuk Membuat Pemutar Musik di Web antara lain sebagai berikut:
1. Buka aplikasi editor yang sobat punya,
seperti Adobe Dreamweaver ataupun notepad.
2. Ketikan kode HTML berikut:
<html>
<head>
<title>Pemutar Video</title>
</head>
<body>
<audio controls="controls">
<source src="B.mp3" type="audio/mp3" />
</audio>
</body>
</html>
Disini saya memberi nama audio saya dengan nama “B” dan berformat MP3.
3. Simpan kode berikut dengan membuat folder
baru contoh “ audio ” dan beri nama file editornya dengan index.html supaya
otomatis dan salin musik/audio yang ingin sobat putar di website sobat di C:\xampp\htdocs\audio.
4. Jalankan aplikasi Xampp (Apache dan MySQL)
dan aplikasi browser yang sobat punya seperti Google Chrome ataupun Mozilla
Firefox.
5. Setelah itu tuliskan di atas tempat mencari
URL di browser sobat “ localhost/audio”
Demikian Tutorial Cara Membuat Pemutar Musik di Website sendiri, dengan menggunakan kode HTML dan CSS3 agar tampilan website sobat menjadi lebih menarik. Semoga bermanfaat!!!
Baca Juga : Cara Membuat Efek Bayangan Dengan CSS
Baca Juga : Cara Membuat Efek Bayangan Dengan CSS
0 Komentar