Dersimizin Adı: Web Müzik Player – Dew Player
Ders Anlatan Öğretmen: Hasan Ali ÇOLAK (hasanali317)
Ders Süresi: 15 DK
Merbaha arkadaşlar önce sitemize görsel olarak ekleyeceğimiz müzik playerin görünümlerine demo adresimizden bir göz atalım. Sitenize ekleyeceğiniz görünümü kafanızda canlandırın.
Web Müzik Player Demo: Demo
Demo adresimizden playerin özelliklerini ve görünümünü görmüş olduk şimdi playerimizin özelliklerinden biraz bahsedecek olursak;
[*]Playerimiz de gördüğünüz gibi müziği başlatma, kapatma, durdurma, ses ayarlama, sesi açma, sesi kapatma, müziği değiştirme gibi bir çok özellik mevcut. Demo adresimizde özelliklerinden kısaca bahsetmiştik zaten eğer hala özellikleri hakkında yeterli bilgiyi alamadıysanız demo adresinden tekrar incelemenizi rica ederim
Şimdi dersimizin can alıcı kısmı olan sitemize ekleme kısmına ve genel ayarlar kısmına gecmeye ne dersiniz. Zamanınızıda çalmayalım dimi arkadaşlar.
Kurulum ve Genel Ayarlar
[*]Web Müzik Player ‘i indirelim.
[*]İndirdiğimiz zipli(Arşiv) dosyasını arşivden çıkarıp sitemizin anadizinine atalım.
[*]Tarayıcımıza sitenizinadi.com/dewplayer yazarak sitemizden müzik playeri açalım
[*]Açılan sayfada karşınıza dewplayer dosyaları ve klasörleri çıkacak.
[*]index-xhtml dosyası bizim ana örnek alacağımız dosya, diğer dosyalardan biri olan playlist.xml ise müzik listemizin bilgisinin aldığı dosya. playlist.xml dosyası bize “Görünüm 8,9″ da işimize yarayacak. Diğer görünümlerde farklı bir yöntem ile müzik adresini çağırmakta.
[*]Şimdi index-xhtml dosyamızı tarayıcımızda açalım ve sitemize “görünüm 5″ nasıl eklenir onu basitce anlatayım. Bilgisayarımızda index-xhtml dosyasını kod editör programlarından biri ile açınız tavsiyem notepad++ yoksa metin belgesi ile açınız. Görünüm 5 de aşağıdaki kod mevcut.
[*]data=”dewplayer-vol.swf?mp3=mp3/hasanali.mp3″ bu kodumuzda müzik dosyasını gösteriyoruz. Müzikler mp3 klasörü içinde olmalı ve hasanali.mp3 yerine sizin müzik dosyasının adı yer alacak şekilde düzenleyiniz.
[*]width=”240″ height=”20″ seçenekleri ise müzik playerin genişlik(width) ve yükseklik(height) ayarlarınızı pixsel cinsinden düzenlemeniz içindir.
[*]value=”dewplayer-vol.swf?mp3=mp3/hasanali.mp3″ burdada değerin içindeki müzik dosyası adını sizin müzik dosyası adıyla değiştirip sitenize attığınızda çalışacaktır.
Kaynak: http://hasanali317.com/2011/10/web-muzik-player-dewplayer