Cara Memasukkan Audio Musik Ke Dalam Browser

Posted by

Kali ini saya akan menuliskan sebuah artikel tentang bagaimana cara untuk memasukan audio musik ke dalam sebuah web browser. Seperti biasa, untuk membuatnya kita perlu menggunakan yang namanya notepad sebagai media untuk pemasukan kode kode atau tag yang di gunakan untuk memasukan musik atau audio ke dalam halaman web.
Tujuan utama pembuatan tag ini adalah untuk memainkan musik yang kita masukan agar bisa di lihat di jendela browser. Untuk membuatnya, kita harus menggunakan tag atau kode-kode tertentu agar hasil dapat maksimal. Tag yang kita butuhkan adalah sebagai berikut:
Contoh sintak:
<audio src=”/letak file musik yang akan Anda masukan/nama atau judul musik.mp3″ controls>
<embed src=”/ letak file musik yang akan Anda masukan/nama atau judul musik.mp3″width=”300″height=”90″loop=”false”autostart=”false” />
</audio>
Di atas adalah contoh sintak, berikut adalah contoh lengkap bagaimana cara memasukan file musik menggunakan tag html. Penulisannya adalah

<html>             
<head>
</head>
<body>
<audio src="/letak file musik yangg akan Anda masukan/nama atau judul musik.mp3" controls>
<embed src="/downloads/758885_muse.mp3"width="300"height="90"loop="false"autostart="false" />
</body>
</html>

Jangan lupa jika Anda sudah mengetikan dan menyimpannya, maka simpan dengan menggunakan (.html) di belakang nama judul file secara otomatis akan muncul ke dalam browser. Jika sudah berhasil, maka akan muncul gambar seperti di bawah ini.
1
Selain untuk memainkan musik atau audio, kita juga bisa menghentikan atau (pause) dan kita juga bisa melanjutkannya.
Untuk megganti jenis musik, kita hanya tinggal merubah bagian dalam dari tag tersebut
<audio src=”/letak file musik yang akan Anda masukan (pengganti)/nama atau judul musik.mp3″ controls>
<embed src=”/ letak file musik yang akan Anda masukan (pengganti)/nama atau judul musik.mp3″width=”300″height=”90″loop=”false”autostart=”false” />
</audio>

Penutup


Di atas adalah cara untuk memasukan file musik ke dalam tag hml. Semoga bermanfaat bagi anda. terimakasih.


Blog, Updated at: 06.43

0 komentar:

Posting Komentar

Dunia-Internet. Diberdayakan oleh Blogger.

Pages - Menu