Mintik posted
4 year ago

Responsive ve dokunmatik destekli mp3 player

responsive

Html5 audio elementi ile web sayfalarımıza herhangi bir mp3 çalar ihtiyacı duymadan sadece<audio> </audio>  kodlarını kullanarak herhangi bir ses dosyası ekleyip tarayıcı üzerinden oynatabiliyorduk. Bütün ses  dosyaları her tarayıcıda biraz farklı  görünsede sonuç olarak pek bi fark yoktu aralarında.

Osvaldas Valutis tarafından geliştirilen jQuery  audioplayer  uygulaması sayesinde  audio elementinin  görüntüsünü  daha şık bir görünümde kullanabiliriz. Eklenti sayesinde audio elementine eklemiş olduğunuz  ses dosyalarını çalan oynatıcı örneği  hem dokunmatik destekli hemde tarayıcıya duyarlıdır. Demo sayfasından tarayıcıyı küçültünce ses oynatıcısınında küçüldüğünü fark edeceksiniz.

Audioplayer ile  web sayfası üzerinden mp3, ogg ve wav uzantılı dosyaları oynatabilirsiniz. Hepsi tek tarayıcı üzerinden çalışmıyor maalesef. Her tarayıcının desteklediği bir ses uzantısı var. Bu konuda daha detaylı bilgiye buradan bakabilirsiniz.

 

Mintik is curious about your thoughts. Add a comment
Did you know that members who log in don't see ads?
Sign in with E-mail