html5 logo 1 Jeden z projektów graficznych dostępnych w internecie został zaadaptowany i wykorzystany do stworzenia odtwarzacza muzycznego do umieszczenia na swojej stronie.

Odtwarzacz został przygotowany serwis codebashero i jest dostępny absolutnie za darmo. Niestety autorzy oficjalnie nie wspierają tego pluginu – jednak pomoc wyjaśnie wszelkie wątpliwości. By móc z niego skorzystać należy podpiąć pod swoją stronę bibliotekę jQuery i bibliotekę samego odtwarzacza.

Odtwarzacz HTML5+jQuery
Interfejs odtwarzacza

 

Implementacja i wybór ścieżek czy też przetłumaczenie go na język polski jest na prawdę bardzo prostę. Wystarczy wyedytować fragment kodu

[code]{
mp3:’mix/1.mp3′,
oga:’mix/1.ogg’,
rating:4.5,
title:’Some song title’,
buy:’https://www.codebasehero.com’,
price:’0.99′,
duration:’4:28′,
artist:’Artist Name’,
cover:’images/cover.jpg’
}[/code]

Zapraszam do obejrzenia wersji demo.
Demo Pobierz