Как кроссбраузерно и кроссплатформенно воспроизводить mp3 в HTML5?

Question

[Алексей Лебедев]

Есть только формат mp3 со стороннего сервера и мне надо его воспроизводить во всех браузерах.

bar_audio = document.createElement("audio");
bar_audio.muted = false;	     	
bar_audio.src = data.response[0].url; 
bar_audio.volume = 0.35;
bar_audio.muted = false;		           		
bar_audio.loop = true;
bar_audio.play();

Так, только Хром.

Какие есть варианты? Не хочется использовать флеш и тяжелые библиотеки. Максимум 1КБ.

Answer 1

[Alexey ZloDeeV]

mp3 не рабит в опере и firefox. В ie9+, chrome(not chromium), safari 3.1+ все будет отлично
И то, про огнелис пишут следующее:

The MP3 audio format (.mp3, audio/mpeg; distinct from the above MP3 audio in an MP4 container case) is supported in by Firefox/Firefox for Android/Firefox OS when the operating system provides an MP3 decoder, and by Internet Explorer, Chrome and Safari.

Comments

[Alexey ZloDeeV]

Хотите чтобы воспроизводилось во всех браузерах, идите на vk.com и разбираетесь как там сделали поддержку такую. А работы mp3 в браузерах firefox и opera можно не ждать.

[Dmitry Demin]

Alexey ZloDeeV: с vk всё просто. Там плеер на flash работает.

[Alexey ZloDeeV]

Dmitry Dyomin: там как раз таки от платформы все зависит. С какого браузера зайдешь, то и подключится.

[Алексей Лебедев]

Я думаю, насчет этого: zohararad.github.io/audio5js

Нормальное решение?

[Alexey ZloDeeV]

Алексей Лебедев: "Максимум 1КБ. " - там их 12Кб, я думаю - не критично. Так что вполне нормальное решение, а предложенное в ответах решение займет 34Кб