HTML5 audio и поток воспроизвдения

Question

[Петр]

Есть поток на староннем сайте, сайт онлайн радио. Возможно ли как нибудь взять от туда поток воспроизведения?

 <audio id="player">
         <source src="http://radio.sampo.ru/record.mp3" type="audio/mpeg">
      </audio>

    </div>
<button class="btn" onclick="document.getElementById('player').play()">Воспроизведение</button>
<button class="btn" onclick="document.getElementById('player').pause()">Пауза</button>
<button class="btn" onclick="document.getElementById('player').volume+=0.1">Громкость +</button>
<button class="btn" onclick="document.getElementById('player').volume-=0.1">Громкость -</button>

в концоле пишет, что

[21:44:23.581] Атрибут «type» указанный для «audio/mpeg» не поддерживается. Не удалось загрузить медиаресурс radio.sampo.ru/record.mp3. @

Как быть и что делать? Вообще реально взять поток и начать его проигрывать на клиентской части?

Answer 1

[Eddy_Em]

Должно работать. Только firefox mp3 не поддерживает: надо в ogg перекодировать.

Comments

[Петр]

на стороне клиента, можно как-то на лету конвертировать?

[Eddy_Em]

Проще пережать на сервере в ogg. По крайней мере, у всех будет работать.

[kastigar]

Посмотрите в сторону ffmpeg. Он умеет потоки на лету перекодировать. Но это, соответсвенно, дополнительный потребитель ресурсов.

Answer 2

[hayk]

mp3-поток можно Флешем проигрывать. Это не HTML5, но решение.

Comments

[hayk]

Кстати, Chromium так же не поддерживает mp3. В то же время, буквально на днях в FF 20 была добавлена поддержка mp3.
Ну и в FF работает следующее:
<object data="http://radio.sampo.ru/record.mp3" type="application/x-mplayer2"><param name="filename" value="http://radio.sampo.ru/record.mp3"></object> <embed type="application/x-mplayer2" src="http://radio.sampo.ru/record.mp3">

[Eddy_Em]

Главное — чтобы у пользователя был установлен и настроен mozplugger. В «голом» FF не сработает.

Answer 3

[Anatol Pohorilyi]

Если это коммерческий проект, то придется использовать Flash либо кодировать аудио еще в OGG, если для себя — можно просто проверить поддержку mp3 и если ее нет — выдавать уведомление.

Сталкивались с подобной проблемой, решение было принято на пользу Flash, естественно.
Псевдокласс-прослойка для выбора проигрывателя (Flash или HTML5) с одинаковым набором методов, и единый класс для визуализации

Answer 4

[Assorium]

Интересно. По прямой ссылке Chrome воспроизводит поток. Причем воспроизводит в таком виде.

<video controls="" autoplay="" name="media">
  <source src="http://radio.sampo.ru/record.mp3" type="audio/mpeg">
</video>

Но если вставить куда-нибудь, то воспроизведение не происходит.

Comments

[Петр]

В том то и дело. Хотя странно, щас у меня заработало на страничке.

[Петр]

Но только с хрома, может быть есть решения для FF без flash?

[Eddy_Em]

Вам же уже много раз говорили: для FF только ogg. Между прочим, перегнать 192kbit из mp3 в ogg «на лету» — не так уж и напряжно для компьютера. Супермощный сервер для этого не нужен.