HTML5 , JQUERY, CSS3 Ücretsiz Responsive Audio player uygulaması

CSS teknikleri ve Jquery teknikleri kullanarak web sitelerimize yardımcı uygulamalar geliştirmeye devam ediyoruz. Bu makalede oluşturacağımzı kriterler vasıtası ile, dokunmatik ekranlarda da kullanılabilecek bir ses oynatma arabirimi hazırlayacağız. Jquery kütüphanesine ek olarak yazılmış bir eklenti ile, ve tamamen resim kullanmadan CSS3 teknikleriile oluşturduğumuz web mp3 playerimizi dilediğiniz gibi kullanabilirsiniz.

Jquery ile ses dosyalarınızı reponsive olarak oynatın


Bu uygulama ile ses dosyalarınızı web siteniz üzerinden tamamen çok lite bir jquery eklenti sayesinde kolayca oynatabiliyorsunuz. Yapmanız gereken , kaynak dosyaları da indirdikten sonra, sisteminize audioplayer.js dosyasını dahil edip, alakalı stilleri de css yapınıza iliştirdikten sonra, html5 olan audio tagleri arasına mp3/ogg dosyalarınızın tam yolunu tanıtmanız. Ardından kullanıcılarınız bu enfes uygulama ile ses dosyalarınızı tüm tarayıcılarda sorunsuz olarak izleyebilecekler. Ek olarak eklentinin en güzel yanı ise, dokunmatik cihazlar içinde kullanılabilen özelliğinin olması. Güle güle kullanın.

İndirme linki ve açıklama kaynağı : http://www.fatihtoprak.com/tum-tarayicilar-ile-uyumlu-dokunmatik-destekli-mp3-audio-player-olusturalim.html?=fromWmaraci

Demo adresi : http://www.fatihtoprak.com/git/http:/www.wpkeep.com/_examples/_css/POZAudioPlayer.html

Güle güle kullanın.

Teşekkürler Cok Hoş Olmuş :) Denemek Lazım

Koddan önce hangi şarkıyı eklediniz diye play butonuna tıkladım desem :D Elinizi sağlık hocam gerçekten kaliteli bir çalışma olmuş.

Güle güle kullanın.



Teşekkürler güle güle kullanın.

download linki çalışmıyor. yada yok :)