1

So I was recently trying to learn html5 stuff and got to the audio tag. It seems to work just fine on my PC's browser, Chrome, but not so much on my android (4.0, using both the stock browser and dolphin). It will play the audio once, but never again. Take this site for example:

http://www.stefanvignir.de/rimshot/

Very basic, it has a button that plays audio every time you press it, but not on my android. It only plays the first time you press it. How do you get around this? Just wait for mobile browsers to update?

I heard a workaround is to set audio.currentTime = 0; but that didn't seem to solve anything. Apparently you can reset the source (audio.src = audio.src) and that will allow you to play it more than once, but it has to re-download the file. A workaround, I guess, but not acceptable.

Any suggestions? Thanks.

SvEnjoyPro
  • 764
  • 1
  • 9
  • 12

1 Answers1

0

this works in desktop and andriod browsers for multiple presses - and you can wrap in a div etc for styling:

<a onclick="this.firstChild.play()"><audio src="1.mp3"></audio>play</a>

More than just the audio tag so you have more control over what the play button looks like. If you need more buttons you can change the code for pause etc

Jon
  • 6,437
  • 8
  • 43
  • 63
  • Just tried this and no, it did not work for multiple presses (tried in both Android's stock browser as well as Dolphin) – SvEnjoyPro Feb 14 '13 at 01:48
  • did you try on desktop? With android there can be lag with loading the mp3 etc. Start with a small mp3 file that will load and play quickly. It was working for me on chrome for android on jelly bean – Jon Feb 18 '13 at 14:57