Uma maneira simples, compatível com versões anteriores, de reproduzir arquivos de áudio mp3 no local na página?

9

Eu tenho um site para músicos que inclui músicas em mp3formato, mas elas são reproduzidas através de um arquivo Flash ( xspfplayer ). Obviamente, sem o Flash, isso é inútil.

Existe uma maneira melhor para o futuro e razoavelmente compatível com versões anteriores de incluir trechos de áudio mp3 em uma página sem forçar os usuários a usar o Flash e também não forçá-los a baixar o mp3 primeiro ou a deixar a página completamente?

audio sound artlung
fonte

Respostas:

6

Outra solução é usar uma biblioteca JavaScript chamada Sound Manager . Por padrão, ele incorpora um objeto Flash invisível na página e o utiliza para reproduzir arquivos de áudio (incluindo MP3s). A versão mais recente inclui a capacidade de usar a audiotag HTML5 quando disponível.

Em seguida, você pode escrever seu player em HTML / CSS / JS e audiosolicitar ao Sound Manager que decida se usa Flash ou tag para reproduzir o arquivo de áudio. Dessa forma, seu player funcionará no IE6 e também no iPhone / iPad.

jay_soo
fonte
O SoundManager parece muito bom! E, na verdade, incorpora a resposta já aceita do uso <audio>. Ótimas coisas e bem-vindo ao Pro Webmasters!
Artlung
8

Sua melhor aposta é continuar usando o Flash player e a tag de áudio HTML5 , para qualquer navegador compatível. Eventualmente, todos os navegadores suportarão HTML5 e você poderá eliminar o player de áudio flash.

Há um ótimo documento sobre a tag de áudio HTML5 e como usá-lo aqui, http://html5doctor.com/native-audio-in-the-browser/ . Parece ser extremamente fácil de usar.

Parece que o Safari 4 e o Chrome 3 suportam a tag E o formato mp3. O Opera e o FF 3.5 suportam o formato WAV.

Ben Hoffman
fonte
2
Além disso, o Opera e o FF oferecem suporte ao ogg vorbis, que provavelmente é uma aposta melhor do que o MP3.
26510 luiscubal
@luiscubal - Isso é verdade. Se esqueceu de mencionar isso. Obrigado!
Ben Hoffman
11
Se você gosta do jQuery, pode dar uma olhada no jPlayer; ele usa HTML5, mas cai de volta para o Flash quando necessário: happyworm.com/jquery/jplayer
deizel
Na verdade, eu quis dizer "aposta melhor do que WAV", mas acho que isso também pode se aplicar ao MP3.
27610 luiscubal
1

Acredito que esta solução atenda mais exatamente aos seus requisitos:

Crie um arquivo de lista de reprodução M3U que aponte para o URL do MP3, faça o upload do M3U para o servidor e crie um link para o arquivo M3U na sua página.

Quando o visitante clica no link para o arquivo M3U, o (minúsculo) arquivo M3U será baixado e ele terá a opção de abri-lo no media player de sua escolha (ou seja, o que já estiver instalado na máquina - não é necessário para o Flash).

Uma vez aberto, o MP3 começará a transmitir.

danlefree
fonte
É um tipo de arquivo padrão, mas não pensará em abrir um player externo? Minha esperança era manter o usuário na minha página e usar os recursos existentes do navegador como player. Isso soa como o mesmo problema com apenas o link para um mp3; às vezes (com frequência?) Leva o usuário para fora do navegador.
Artlung
É verdade que a ação abrirá o arquivo M3U com o aplicativo preferido no sistema após o download - desculpe-me por ter interpretado mal seu requisito RE: sair da página. A resposta aceita para sua pergunta continua sendo a melhor aposta (e, a menos que as estatísticas do usuário do site indiquem o contrário, eu apostaria que será suficiente para as necessidades do site).
Danlefree