Anonim

Dave faz um podcast. Eu (Rich) faço um podcast. Ambos são totalmente diferentes um do outro.

A maneira como Dave faz o streaming é através de um Flash player, que é como a grande maioria dos podcasts funciona. Você vê o Flash player e, abaixo, há um pequeno link para download de MP3 para aqueles que desejam baixar o próprio arquivo de áudio para colocar em um telefone ou lista de reprodução local no seu PC / laptop, etc.

No entanto, decidi dar um salto em direção a uma tecnologia da web mais moderna e experimentar MP3 players HTML5 no navegador apenas para ver se eles eram bons ou até funcionavam.

Agora, para quem não sabe, o Internet Explorer 9 e 10, o Mozilla Firefox e o Google Chrome têm todos players de mídia no navegador para reproduzir determinados tipos de arquivos de mídia. Originalmente, eles suportavam apenas os formatos não comerciais (como OGG), mas atualmente eles suportam MP3, e eu suponho que eles também suportem MP4, mas ainda não testei.

Os players HTML5 exigem que você baixe alguma coisa? Não, porque eles já fazem parte da própria programação do navegador. Não são necessários complementos / extensões para instalar.

No meu podcast mais recente, experimentei o player do navegador, e foi assim:

Internet Explorer 9 e 10

O jogador do IE10 é definitivamente o mais bonito do grupo. Botões e números grandes e fáceis de ler e apenas uma boa aparência geral.

O IE também obtém pontos de bônus por poder ajustar a velocidade clicando com o botão direito do mouse no jogador:

Muito legal.

Mozilla Firefox

O jogador de Fx é o mais chato do grupo, mas ainda assim funcional.

Quando você clica com o botão direito do mouse, não clique em "Ocultar controles", porque o áudio continua sendo reproduzido e o próprio player desaparece, forçando você a recarregar a página da Web apenas para recuperá-la.

Google Chrome

Não é tão chato quanto o jogador de Fx 21 e não é tão bonito quanto o jogador do IE10, mas tem a vantagem de ter os controles mais fáceis. Onde clicar e arrastar para controles deslizantes relacionados à posição de áudio e volume é mais fácil clicar, segurar e arrastar em comparação com os outros dois players.

Como você pode usar esses players no seu site?

Pelo uso da tag HTML.

As instruções completas estão aqui, mas aqui está a maneira geral de fazer isso ao codificar sua própria página da web.

Primeiro, é necessário fazer o upload do seu MP3, ao vivo, e você deve saber o endereço completo, como http://www.your.site/audio/your-audio-file.mp3.

Segundo, digite seu código assim:

Desculpe, seu navegador não suporta a marca de áudio. Atualize seu navegador

Você deve incluir o aviso de "desculpe, seu navegador não é suportado" para navegadores móveis e da Web mais antigos, como o IE8.

Terceiro, publique sua página da web.

E é basicamente isso.

Sim, você pode usar o código em sites de blogs gratuitos, como WordPress.com e Blogger.com, se quiser.

Em um blog WordPress.com, é fácil porque, ao escrever um novo artigo, você pode clicar na guia "Texto" e inserir seu código dessa maneira:

Onde sua loja pode armazenar seus arquivos de podcast em MP3?

A maneira mais fácil é armazená-los no próprio site, mas se você não puder fazer isso, poderá usar o DropBox ou qualquer outro serviço de armazenamento em nuvem, desde que eles permitam o download direto.

De qualquer forma, sim, os players modernos do navegador realmente funcionam bem. Nos três navegadores, não houve nenhum problema, pois cada áudio MP3 transmitido exatamente como deveria.

Dos três, no entanto, eu gosto mais do IE10, porque ele tem a melhor aparência e os melhores recursos.

Como usar o html5 para reproduzir arquivos mp3 no seu site