CODEWITHSUNDEEP
htmlgoogle-chromeaudiosafari
alexandresecanove
alexandresecanove

Reputation: 6155

<audio> tag for mp3 doesn't really work on Chrome

First of all here is the website I'm currently coding :

http://www.clairereviens.com/

On each button, there is one tag for one mp3 sample. All the mp3 are playing perfectly with Safari, but with Chrome only a few buttons are working.

I tested with type audio/mp3 and audio/mpeg, but it doesn't change. Thanks guys

Upvotes: 4

Views: 36211

Answers (3)

Owen Bula
Owen Bula

Reputation: 89

I had the same problem with Google Chrome. It's more of like a version problem of chrome. To fix that re-encode the MP3 files to a lower bitrate using Audacity or other Media Converters.
For more info: https://stackoverflow.com/a/32719143/8009667

Upvotes: 0

Hameed Syed
Hameed Syed

Reputation: 4265

Its too late but this might help anyone in future.Both audio of mp3 quality(128 and 320 Kbps) and video of mp4(in iFrame) are working fine in the google chrome version 55.0.2883.87.

<audio controls="controls" src="mydriveaddress\test.mp3" autoplay>
</audio>
<iframe src="mydriveaddress\test2.mp4" height="300" width="300" allowfullscreen=""></iframe>

Upvotes: 4

AndrewL64
AndrewL64

Reputation: 16301

Some of the buttons are not working because you are specifying the file type wrong. All the audio files are mp3 but you're specifying some of them as mpeg.

You need to change this:

<source src="sons/xxx.mp3" type="audio/mpeg">

to this:

<source src="sons/xxx.mp3" type="audio/mp3">

For all of them.

Upvotes: 1

Related Questions