Belajar HTML #part 10 | Add audio
Halo kembali bersama gua Syahrul R. Yang terganz terkece terterrr terlalu berharap :v
Ok kali ini lanjut HTML ea mank, kita sekarang belajar add audio / menambahkan musik di HTML.
ok langsung saja.. Cekidottt..
Untuk menambahkan audio kita menggunakan tag <audio> mank. Meskipun pake yg lainnya juga bisa contoh <iframe> Dan yg lain, tpi gua bahas pake <audio> ajah ea biar gampang di mengerti.
Oke skuy kita ke contoh tagnya..
<audio src="link lagu/musik"></audio>
Untuk link lagunya Kalian bisa upload lagu Kalian di sini.
Itu contoh tagnya mank, nah itu kan baru contoh, Skuy kita coba buat lagunya jadi auto mulai dengan menambahkan autoplay di dalam tag audio.
Contoh:
<audio src="link lagu" autoplay></audio>
Nah lagunya akan otomatis memutar/berbunyi mank.
Skuy kita masukin ke codingan mank...cekidottt.
<html>
<head>
<title>Belajar HTML</title>
</head>
<body>
<center><p><h1>Ini lagu she's gone</h1></p></center>
<center><audio src="https://1.top4top.net/m_1297xf72w0.mp3" autoplay></audio></center>
</body>
</html>
Nah maka hasilnya akan ada tulisan Ini lagu she's gone, dan akan ada lagu yg berbunyi.
Kok lagu saya gak bunyi bang?
Nah jika lagu Kalian tidak berbunyi itu biasanya Karena versi aplikasi google kalian tidak mendukung, Kalian bisa update atau download aplikasi google yg mendukung mank.
Saya udah download dan update tapi tetep gak jadi bang?
Nah jika tetep gak jadi kita bisa pake Manual untuk memutar lagunya mank.
Kita bisa tambahin controls setelah autoplay.
Contoh:
<audio src="link lagu" autoplay controls></audio>
Dan jika kita Masukan ke codingan seperti ini mank
<html>
<head>
<title>Belajar HTML</title>
</head>
<body>
<center><p><h1>Ini lagu she's gone</h1></p></center>
<center><audio src="https://1.top4top.net/m_1297xf72w0.mp3" autoplay controls></audio>
</body>
</html>
Nah maka hasilnya akan seperti ini mank:
Contoh itu juga otomatis memutar lagunya, tapi juga ada Manualnya mank. Jadi kalo versi googlenya tidak mendukung, masih tetep bisa memutar lagunya.
Oke menurut gua sekian Materi kali ini
See you Next Time :)
Wassalamu'alaikum wr.wb.
0 Response to "Belajar HTML #part 10 | Add audio"
একটি মন্তব্য পোস্ট করুন