lostyazilim
tr.link

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

5 Mesajlar 2.452 Okunma
acebozum
tr.link

FatihToprak FatihToprak www.fatihtoprak.com Kimlik Onayı
  • Üyelik 13.06.2011
  • Yaş/Cinsiyet 39 / E
  • Meslek Web Developer
  • Konum İstanbul Avrupa
  • Ad Soyad F** T**
  • Mesajlar 577
  • Beğeniler 65 / 67
  • Ticaret 0, (%0)
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.
Vendetta

kişi bu mesajı beğendi.

elektronikssl
webimgo

ShaKa ShaKa JavaScript Kullanıcı
  • Üyelik 29.05.2012
  • Yaş/Cinsiyet 38 / E
  • Meslek Donanım
  • Konum Mersin
  • Ad Soyad E** D**
  • Mesajlar 173
  • Beğeniler 24 / 54
  • Ticaret 5, (%100)
Teşekkürler Cok Hoş Olmuş :) Denemek Lazım
FatihToprak

kişi bu mesajı beğendi.

https://www.okeyy.net/

Storm Storm WM Aracı Kullanıcı
  • Üyelik 09.12.2012
  • Yaş/Cinsiyet 27 / E
  • Meslek Öğrenci
  • Konum İstanbul Avrupa
  • Ad Soyad K** K**
  • Mesajlar 208
  • Beğeniler 23 / 32
  • Ticaret 1, (%100)
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ş.
FatihToprak

kişi bu mesajı beğendi.

FatihToprak FatihToprak www.fatihtoprak.com Kimlik Onayı
  • Üyelik 13.06.2011
  • Yaş/Cinsiyet 39 / E
  • Meslek Web Developer
  • Konum İstanbul Avrupa
  • Ad Soyad F** T**
  • Mesajlar 577
  • Beğeniler 65 / 67
  • Ticaret 0, (%0)

ShaKa adlı üyeden alıntı

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


Güle güle kullanın.

Storm adlı üyeden alıntı

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ş.


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

 

wmaraci
wmaraci

bozok bozok WM Aracı Kullanıcı
  • Üyelik 08.02.2012
  • Yaş/Cinsiyet - / E
  • Meslek
  • Konum
  • Ad Soyad ** **
  • Mesajlar 145
  • Beğeniler 46 / 26
  • Ticaret 0, (%0)
download linki çalışmıyor. yada yok :)
 

 

wmaraci
wmaraci
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al