ZEN – Um player de áudio em HTML5 e CSS3 para colocar na sua web

Se querem que os leitores do seu blo possam escutar podcasts, tem uma opção que podem instalar de forma simples na sua web, sem depender de serviços externos: Zen, um reprodutor de áudio criado em HTML5 e CSS3.

Baseado no JPlayer, é muito simples de instalar, reproduzindo arquivos mp3, oga ou m4a.

Instalação

1 – Faça o download do zip com os arquivos no github.com.
2 – Faça o upload da nova pasta no seu site.
3 – Coloque dentro da pasta “audio” os arquivos que quer mostrar no reprodutor.
4 – Adicione os JS e CSS necessários no header html (head) que são:

5 – E agora adicione o seguinte html na sua página:

Aqui tem um exemplo completo:

Ainda em uma fase de desenvolvimento inicial, precisamos lembrar que apenas os navegadores mais modernos conseguem interpretar todas as instruções HTML5 e CSS3 deste sistema, motivo pelo qual os aspecto pode apresentar diferenças entre navegadores.

Mais informação: ZEN Player

One Comment