Home » Internet, Tips & Tricks

Memberi musik latar pada website.

Author : Izul Cyber Cafe 11 October 2008 2,313 views 8 Comments

Jadikan website Anda lebih kaya, lebih dinamis, karena bisa bersuara. Caranya mudah. Hasilnya pun cukup mengesankan.

Cara paling mudah untuk menambahkan suara pada halaman situs web Anda adalah dengan menyisipkan sedikit kode HTML yang mengintruksikan web browser untuk men-download dan memainkan file audio di Browser.

Tapi sayang nya setiap browser mempunyai cara yang berbeda dalam memainkan file audio, jadi kodenya pun berbeda – beda. Dalam tulisan saya kali ini akan dibahas beberapa alternatif menambahkan suara pada halaman web.

Cara 1.

Pada cara yang pertama ini kita hanya perlu memasukan satu baris script HTML.

Siapkan sebuah file audio, saya yakin di komputer anda ada banyak sekali file audio.

<bgsound=”town.mid”>

Nah cuma dengan sebaris code seperti itu saja maka suara akan dimainkan sebagai back sound website kamu.

Oya jangan lupa meletakkan script itu di antara tag <head> dan </head>

jd selengkapnya seperti ini.

<html>

<head>

<bgsound src=”town.mid” volume=”100″>

</head>

</html>

” Dengan script ini suara musik hanya akan dimainkan kalau anda membuka halaman web dengan browser Internet Explorer “.

Cara 2.

Pada cara yang kedua kita akan meng-embed file suara agar bisa dimainkan di halaman website.

Dengan cara kedua ini akan muncul panel kontrol, dimana anda dapat mengontrol suara yang muncul dengan mengecilkan volume, memainkan musik (PLAY), Menghentikan musik (STOP), atau menghentikan sementar musik (PAUSE)

Scriptnya sebagai berikut.

<embed src=”sound/laskar_pelangi.mp3” volume=”100″ controls=”console” height=”100″ width=”100%”>
<noembed>Wah, sayang sekali browser anda tidak memiliki Plug ini untuk memainkan file multimedia saya.. </noembed>

Kode ini lebih baik digunakan dari pada menggunakan bgsound, tapi untuk memainkannya dibrowser selain IE anda harus menginstall plugin agar browser dapat memainkan nya.

Kalau dijalankan akan tampil tampilan seperti berikut.

Saya coba langsung di project web berita yang sedang saya buat, heemf…jadi ketauan deh :) .

Lihat panel kontrol yang ada di atas gambar banner eNews, itu saat lagu sedang dimainkan.

kebetulan saya pasang lagu Laskar Pelangi dari Nidji, karena cukup menginspirasi saya :) .
Script selengkapnya.

<html>

<head>

<body>

<embed src=”sound/laskar_pelangi.mp3” volume=”100″ controls=”console” height=”100″ width=”100%”></embed>
<noembed>Yahh..Sayang sekali Browser anda tidak bisa memainkan file Audio saya….!!!</noembed>

</body>

</html>

atau kalau tidak ingin ada panel kontrol tapi suara tetap jalan maka gunakan script berikut.

<html>

<head>

<body>

<embed autostart=’true’ hidden=’true’ loop=’true’ src=”sound/laskar_pelangi.mp3” volume=’400′> </embed>

</body>

</html>

dalam contoh tersebut file audio berada didalam folder sound.

Kalau kamu ingin memainkan file musik yang ada di website lain maka script nya sepert berikut.

<html>

<head>

<body>

<embed src=”www.websitemusiQ.com/sound/laskar_pelangi.mp3” volume=”100″ controls=”console” height=”100″ width=”100%”>
<noembed>Yahh..Sayang sekali Browser anda tidak bisa memainkan file Audio saya….!!!</noembed>

</body>

</html>

” Gunakanlah file suara yang berukuran kecil agar tidak menggangu proses loading website kamu, sebaiknya gunakan file audio yang berformat .mid, wma atau yang berukuran kecil lainnya agar lebih mudah di load oleh browser.

Contoh script :

1) <BGSOUND SRC=”sound/file_audio.mp3″>
2) <SOUND SRC=”sounds/file_audio.mp3″>
3) <EMBED SRC=”sounds/file_audio.mp3″ AUTOSTART=”true” HIDDEN=”true”></EMBED>

Sekian…….

Keep learning and happy trying…..

Bubye……..

8 Comments »

  • alex said:

    Pa khabar mas Zul ? sehat2 neh ?

    info bagus, thanks

    # 16 October 2008 at 5:44 am
  • Rosyidi said:

    kalo aku pribadi rada males ngunjungi blog yg ada musiknya, soalnya jadi lambat loadingnya. Kecuali kalo file mp3nya kecil, cuma berupa kicauan burung, atau suara yang sebenernya pendek tapi berulang2.

    # 17 October 2008 at 7:04 pm
  • Jane said:

    duh saya tidak hilang selamanya kok mas.. kakaka.. nih dah balik lagi dari hibernasi.. kadang kita butuh istirahat bentar.. terus balik lagi.. dan gak ilang lagi.. :D btw itu embedding music gitu bukannya malah berat yah loadingnya.. soalnya dulu aku juga embed gitu.. terus sama blogger yang lain malah dibilang berattt.. jadi terpaksa dicabut deh lagunya..kakaka.. coba ada cara lain yang bisa buat music load tanpa berat”in gitu.. huhu

    # 18 October 2008 at 2:38 pm
  • Jane said:

    btw… nih kok box nya ke kiri smwa yaaa.. ^^”

    # 18 October 2008 at 2:39 pm
  • iwan said:

    thank’s atas infonya brooo..

    # 21 October 2008 at 11:16 am
  • masmoemet said:

    makin mangstabh aja nih tutorialnya … thx ya mas …

    # 23 October 2008 at 7:58 pm
  • zoel said:

    hehehhe males masang music ,, tar lelet

    # 24 October 2008 at 11:18 am
  • mxcagwvb said:

    mxcagwvb…

    mxcagwvb…

    # 15 December 2008 at 5:33 pm