Music code HTML

Dulu menampilkan file musik di web page sangat susah karena web broser yang tidak memiliki standar yang sama, namun kini hal tersebut sudah menjadi lebih mudah berkat HTML.

Embed tag

Musik bisa kita sertakan ke dalam web page menggunakan embed tag. Sebenarnya ada cara lainnya, hanya saja menggunakan embed tag sekarang ini adalah standar untuk memasukkan media ke dalam web page. Di bawah ini adalah cara mudah untuk memasukkan media ke dalam web page menggunakan src attribute.

Code simple embed:

<embed src="http://www.bangjuju.com/tut/media/MedleyTheBrothers3.mp3" />
<p>Media player diatas sedang dimainkan. Untuk memberhentikan musik tekan stop/pause.</p>

Display embed

Untuk merubah tampilan dari media player yang sudah di embed kamu bisa menambahkan attribute berikut

  • width – lebar media player
  • height – tinggi dari media player
  • hidden – menentukan apakah media player ini hidden atau tidak. Bila di set [true] maka media player tidak akan terlihat oleh visitor. Kalau kamu ingin visitor tidak bisa melihat media player yang ada tetapi musik terus menyala tanpa bisa dihentikan oleh visitor maka kamu bisa menggunakan code ini.

Code display embed:

<embed src="http://www.bangjuju.com/tut/media/MedleyTheBrothers3.mp3" width="360" height="165" />

Hati-hati dalam menggunakan width attribute dan height attribute karena media player yang ada biasanya sudah ada ukurannya sendiri.

Functionality embed

Embed memiliki beberapa attribute yang tidak berhubungan dengan display melainkan berhubungan dengan fungsi dari media player tersebut.

  • autostart – musik akan mulai secara otomatis (set value ke [true] atau [false]).
  • loop – musik akan repeat setelah berhenti atau tidak (set value ke [true] atau [false]).
  • volume – tentukan volume default dari musik (value range dari 0 ke 100).

Code functionality embed:

<embed src="http://www.bangjuju.com/tut/media/MedleyTheBrothers3.mp3" autostart="false" loop="false"
volume="60" />

Lihat hasil code diatas: musik.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>