2

Estou trabalhando em um player em HTML 5 e tive uma triste surpresa ao tentar usar o recurso de avançar/retroceder quando coloco o cursor em determinado minuto da musica (como fazemos no youtube, por exemplo).

<audio id="AudioApresentacao" controls="controls" preload="none">

        <source id="urlAudio" type="audio/mpeg" src="ARQUIVO DE AUDIO" /></audio>

Acontece que ao colocar um áudio com poucos minutos, como uma música, isso funciona normalmente. Porém o áudio que estou carregando tem cerca de 80 minutos! E este recurso não funciona. Alguém conhece uma solução pra isso?

Testado no Chrome e no IE11.

9
  • 3
    Olá Tiago! Bem vindo ao SOePT. Poderias ser mais claro ao dizer "não funciona", e especificar em quais browsers você constatou o problema? Também seria legal postar a parte do código do seu player que você acredita estar com problema. Commented 3/02/2014 às 13:53
  • Olá! Obrigado pelas boas-vindas! @FabrícioMatté testei no Chrome e no IE. O que quis dizer com "não funciona" é que ao colocar o cursor em determinado minuto da musica (como fazemos no youtube, por exemplo) ele não adianta/volta para o ponto que quero. Commented 3/02/2014 às 13:57
  • 2
    Apenas um palpite: Pode ter algo haver com o tamanho do arquivo e com o browser ainda o estar baixando. Você tentou localmente? (talvez ele faça streaming mesmo sendo local) Commented 3/02/2014 às 14:20
  • 1
    @GabrielGartz Eu acho que isso já foi implementado pela maioria dos browsers: Partial Content. O problema é: o servidor suporta isso? Se "ARQUIVO DE AUDIO === download.php" ou algo parecido, eis o problema. Commented 5/02/2014 às 19:46
  • 1
    Só vi isso ocorrer quando o arquivo precisava ser manipulado (WebAudio) ou quando a API era de um codec feito em javascript (audiocogs.org/codecs/mp3). Na maioria dos casos que já mexi elas só usam tags <audio> e/ou flash: a parte mais técnica fica a cargo do navegador (ou flash). Commented 5/02/2014 às 20:08

2 Respostas 2

2

O caminho mais curto é você utilizar um servidor de streaming para o usuario pular para alguma parte do audio que não foi feita o download e iniciar o download para o ponto que ele deseja.

Para não investir em sofwares/servidor de streaming tente utilizar o Http Live Streaming (para ao vivo e gravado) ou pesquise softwares como WOWZA, FMS ou RED5.

Flowplayer tem a opção de Pseudistreaming, um pouco mais complexo.

Usando o flowplayer você pode chamar o metodo seek() para pular para uma determinada parte do video.

$f().seek(valorEmSegundos);
0

Eu recomendo você olhar o flowplayer, ele é muito bom e caso o browser não suporte html5 ele faz fallback para flash!

http://flowplayer.org/

Usei ele no projeto da JovemPan FM que entrou no ar dia (02/02/2014): http://jovempanfm.uol.com.br/

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .