Bugün sizlere html5 mp3 müzik çalar nasıl oluşturulur onu göstereceğim. Bunun için HTML5, stili için CSS3 ve işlevselliği için “MediaElement.js” kullanacağız. MediaElement.js HTML5 ses ve video oynatıcıdır ve aynı zamanda eski browser ilede çalışmaktadır.
Html5’in getirdiği yenilikler arasında video ve ses çalma özellikleri bir devrim niteliğindedir. Gelişen teknoloji ile Flash player olan bağımlılık azalmaktadır. Çoğu flash player ile yapılan efektler yerini HTML5 ve CSS3 yeniliklerine bırakmaktadır. Flash player’ın tercih edilmemesinin nedeni fazla bellek kullanması ve mobil cihazlarda desteklenmemesidir. Her ne kadar browser oyunlarının yerini önümüzdeki yıllarda alamayacak olsada HTML5‘deki gelişmeler ümit vericidir.
Bütün kodlar ve nasıl oluşturacağı aşağıda vereceğim linkde detaylı olarak anlatmaktadır. Bu html5 player web tasarımda çok işimize yarayacaktır.
Kaynak: Designmodo
Demo: Tıklayınız