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

Postado em

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

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

  1. como é que eu posso mudar a musica que quero tocar sem ela estar dentro da pasta audio? estou a trabalhar em .net e queria utulizar o servermaph para ir buscar uma musica que esteja na pasta do projecto mas n funciona

Comentários estão fechados.