HTML 5 audio player with forward / backward

Question

HTML 5 audio player with forward / backward

Navigation

#1 by (2 votes)
#2 by (0 votes)
#3 by (0 votes)

2

I'm working on an HTML 5 player and I was sadly surprised to try to use the forward / backward feature when I put the cursor in a certain minute of the song (as we do on youtube, for example).

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

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

It turns out that by putting audio in a few minutes, like a song, this works normally. But the audio I'm carrying is about 80 minutes! And this feature does not work. Does anyone know a solution to this?

Tested on Chrome and IE11.

html5 html5-audio

asked by anonymous 03.02.2014 / 14:51

3 answers

SubGrid formatting in IE gets unconfigured How to make a request in Python 3 through an HTTP proxy

score 2 · Answer 1

The shortest route is for you to use a streaming server for the user to skip to some part of the audio that was not downloaded and start the download to the point he wants.

To not invest in software / streaming server try to use Http Live Streaming (for live and recorded) or search for software like WOWZA, FMS or RED5.

Flowplayer has the option of Pseudistreaming , a bit more complex.

Using the flowplayer you can call the seek () method to jump to a particular part of the video.

$f().seek(valorEmSegundos);

score 0 · Answer 2

Try something similar to the following code:

<audio src=”mus.oga” controls=”true” autoplay=”true”>
  <source src=”mus.oga”>
  <source src=”mus.mp3”>
  <source src=”mus.wma”>
</audio>

score 0 · Answer 3

I recommend you look at the flowplayer , it is very good and if the browser does not support html5 it does fallback to flash !

link

I used it on the JovemPan FM project that went online on 02/02/2014: link