Btgunluk.com

Web sayfasında mp3 çaldırmak

Ne yazık ki, mp3 dosyalarını basit bir şekilde web sayfalarına eklemenin, farklı tarayıcılar yüzünden kolay bir yöntemi yok. Bir tarayıcıda çalışan yöntem, başka tarayıcıda çalışmıyor. Bu durumda tüm tarayıcılarda mp3 çalmanın yolu, Flash'a gelip dayanıyor.

Burada, bir web sayfasında mp3 çalmak için flash kullanan on tane çözüm verilmiş. Benim sitemde kullandığım çözüm Mp3 Player oldu. Gelelim Mp3 Player'in nasıl kullanıldığına.

Mp3 Player'i localhost'ta denerken, klasör yolları ile uğraşmamak için mp3 dosyalarını html dosyasının yanına koymuştum. Mp3 Player, göreli yollarla da, url'ler ile de başarılı olarak çalışıyor.

Mp3 Player'ı kullanmadan önce yapılacak işlem, player görevini yapacak swf dosyasını html dosyasının yanına yerleştirmek. Tek ve çoklu mp3 dosyalarını çalmak için iki ayrı swf dosyası var. İkisini de buradan indirebilirsiniz. Daha sonra sayfaya eklenecek şu kodlarla sayfada tek bir mp3 çalınmasını sağlamak mümkün:

<object type="application/x-shockwave-flash" data="player_mp3_maxi.swf" width="200" height="20">
     <param name="movie" value="player_mp3_maxi.swf" />
     <param name="FlashVars" value="mp3=tumbiryasam.mp3" />
</object>

Eğer şarkının otomatik başlamasını ve player'da ses göstergesinin olması isteniyorsa kodu şu şekilde kullanmak gerekiyor.

<object type="application/x-shockwave-flash" data="player_mp3_maxi.swf" width="200" height="20">
     <param name="movie" value="player_mp3_maxi.swf" />
     <param name="FlashVars" value="mp3=tumbiryasam.mp3&autoplay=1&showvolume=1" />
</object>

Birkaç şarkı arka arkaya çalınacaksa, şu kodların kullanılması lazım.

	<object class="playerpreview" type="application/x-shockwave-flash" data="player_mp3_multi.swf" width="300" height="100">
		<param name="movie" value="player_mp3_multi.swf" />
		<param name="FlashVars" value="mp3=strangersinthenight.mp3|balladeforadeline.mp3|cumparsita.mp3|lovestory.mp3&title=Strangers in the night|Ballade for Adeline|Cumparsita|Love Story&autoplay=1&showvolume=1&shuffle=2" />
	</object>

İstendiğinde çalınacak şarkıların adlarının bir text dosyadan ya da xml dosyasından çekilmesi mümkün. Burada daha basit olduğu için text dosya ile bu işlemin nasıl yapılacağını göstereceğim. Xml dosyası için gerekli bilgiler Mp3 Player'ın kendi sitesinde yer almakta.

Öncelikle Flash'ı sayfaya eklememizi sağlayan kodları şu şeklilde değiştirmek gerek:

<object class="playerpreview" type="application/x-shockwave-flash" data="player_mp3_multi.swf" width="300" height="500">
	<param name="movie" value="player_mp3_multi.swf" />
	 <param name="wmode" value="transparent" />
	 <param name="FlashVars" value="config=config_multi.txt" />
</object>

Daha sonra config_multi.txt isimli bir dosya oluşturulup, dosyanın içine şu bilgilerin girilmesi gerekiyor:

mp3=strangersinthenight.mp3|balladeforadeline.mp3|cumparsita.mp3|lovestory.mp3
title=Strangers in the night|Ballade for Adeline|Cumparsita|Love Story
height=500
width=280
volume=130
bgcolor1=dcd7b9
bgcolor2=E7E4D0
buttoncolor=81654f
buttonovercolor=800000
slidercolor1=F3F3E7
slidercolor2=E7E4D0
sliderovercolor=800000
textcolor=71553f
playlistcolor=fffdee
playlistalpha=40
currentmp3color=800000
scrollbarcolor=d0c5b7
scrollbarovercolor=800000
loop=1
showvolume=1
autoplay=1
shuffle=2

Yukarıdaki kodlardan da anlaşıldığı gibi, Mp3 Player son derece özelliştirebilir ve yetenekli bir mp3 çalıcı. Aşağıda Mp3 Player'ı benim sitemde çalışırken görebilirsiniz.

15.07.2012 16:12:00

Yorumlar