KUMPULAN SCRIPT AUDIO PLAYER UNTUK BLOG

Berikut adalah kumpulan Audio Player yang sengaja di himpun dalam satu kemasan khas agar sohib blogger semua yang masih dalam pencarian Gadget ini bisa meng-COPAS kodenya yang dinilai Pas untuk di pasang di Blog/Site masing-masing. Selain dengan tujuan untuk menambah kecantikan tampilan Blog kita, kita bisa mendengarkan alunan Musik kesukaan kita dengan Genre yang berbeda-beda .

1.MEDIA PLAYER YAHOO.COM

<!DOCTYPE html>

<html>

<body>

</body>

</html>

Screenshot :

Play Song
Play Text

muncul di sisi layar sebelah kiri bawah.

2. AUDIO IN HTML

<!DOCTYPE html>
<html>
<body>

<audio controls="controls">
<source src="song.mp3" type="audio/mpeg" />
<source src="song.ogg" type="audio/ogg" />
<embed height="50px" width="100px" src="song.mp3" />
</audio>

</body>
</html>

Hasilnya:

3.MENGGUNAKAN ELEMEN EMBED

<!DOCTYPE html>
<html>
<body>

<embed height="50px" width="100px" src="song.mp3"></embed>
<p>If you cannot hear the sound, your computer or browser doesn't support the sound format.</p>
<p>Or, you have your speakers turned off.</p>

</body>
</html>

Hasilnya :

If you cannot hear the sound, your computer or browser doesn't support the sound format.
Or, you have your speakers turned off.

4. MENGGUNAKAN ELEMEN OBJEK

<!DOCTYPE html>
<html>
<body>

<object height="100px" width="100px" data="song.mp3"></object>
<p>If you cannot hear the sound, your computer or browser doesn't support the sound format.</p>
<p>Or, you have your speakers turned off.</p>

</body>
</html>

Hasilnya :

If you cannot hear the sound, your computer or browser doesn't support the sound format.
Or, you have your speakers turned off.

5.MENGGUNAKAN ELEMEN AUDIO

<!DOCTYPE html>
<html>
<body>

<audio controls="controls">
<source src="song.ogg" type="audio/ogg" />
<source src="song.mp3" type="audio/mpeg" />
Your browser does not support this audio
</audio>

</body>
</html>

Hasilnya :

6.BEST HTML SOLUTION

<!DOCTYPE html>
<html>
<body>

<audio controls="controls">
<source src="song.mp3" type="audio/mpeg" />
<source src="song.ogg" type="audio/ogg" />
<embed height="50px" width="100px" src="song.mp3" />
</audio>

</body>
</html>

Hasilnya :

7. GOOGLE PLAYER

<!DOCTYPE html>
<html>
<body>

<embed type="application/x-shockwave-flash" wmode="transparent" src="http://www.google.com/reader/ui/3523697345-audio-player.swf?audioUrl=song.mp3" height="27" width="320"></embed>

</html>

Hasilnya :

8. HYPERLINK

<!DOCTYPE html>
<html>
<body>

<h2>Linking To a Song</h2>

<p><a href="song.mp3">Click here to play the song</a></p>

</body>
</html>

Hasilnya :

Linking To a Song

Click here to play the song

9. WAVE AUDIO QUICK TIME

<!DOCTYPE html>
<html>
<body>

<object width="420" height="360"
classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"
codebase="http://www.apple.com/qtactivex/qtplugin.cab">
<param name="src" value="liar.wav" />
<param name="controller" value="true" />
</object>

</body>
</html>

Hasilnya :

Untuk semua kode diatas sohib bisa mengedit Height, Width dan song sesuai keinginan dan selera masing-masing. Dan tampilan Audio Playernya tergantung sudah terpasang belumnya Plugin tersebut.

Next for Further Posting.....

Tag : Trik Blogger