Html5 audio livestreaming

Я создаю свой собственный звук без управления браузером.

<audio src="http://50.7.98.194:8081/~dl3/cgi-bin/dl.cgi/bqmu5mltxcqy43mxecgo4gnw743qr7fd7io22q5xj4/gl1mwvp6b326.mp3" id="audio">
</audio>

У меня есть эти функции, вызываемые при нажатии нескольких кнопок:

function play()
{
   audio.play();
}

function play()
{
   audio.pause
}

function stop()
{
   audio.pause();
   audio.src = audio.src;
}

Но на данный момент я могу воспроизводить файлы mp3 или ogg, , но не радио в реальном времени. Я читал о некоторых плагинах, но мне нужно сделать это с чистым html5.

Не могли бы вы мне помочь? Большое спасибо,

Ответы

Ответ 1

К сожалению, до сих пор нет единого видео и аудио кодека, который поддерживается всеми браузерами! Программистам необходимо обеспечить резервную копию для случаев использования, когда браузер A не поддерживает кодек B и наоборот.

Вы можете посмотреть эту таблицу совместимости как для настольных, так и для мобильных браузеров.

Рабочий стол:

  • Internet Explorer (9.0+) поддерживает кодеки MP3 и AAC.
  • Поддержка Chrome (6.0+) Ogg Vorbis, MP3, WAV +
  • Поддержка Firefox (3.6+) Ogg Vorbis, WAV
  • Поддержка Safari (5.0+) MP3, AAC, WAV
  • Поддержка Opera (10.0+) Ogg Vorbis, WAV

Мобильный

  • Поддерживаемые кодеки Opera Mobile (11.0+) зависят от устройства
  • Поддерживаемые кодеки Android (2,3+) зависят от устройства
  • Мобильный Safari (iDevices с iOS 3.0+) поддерживает MP3, AAC
  • Поддержка Blackberry (6.0+) MP3, AAC

Так как вспышка все еще достаточно распространена, это, вероятно, самый безопасный резерв.

Кроме того, я хочу отметить, что нет ничего плохого в использовании какой-либо библиотеки, некоторые из них (например, jPlayer) обеспечивает очень мощный интерфейс и это только поможет вам создать лучший код!

Я думаю, вы можете найти все, что хотите узнать в следующей статье: HTML5 Audio Radio Player от Opera Devs

Ответ 2

Воспроизведение аудио с "живого источника", по-видимому, поддерживается современными браузерами. В основном просто используйте обычные аудиотексты HTML 5 и вводите URL-адрес "прямого потока" в качестве источника, например:

<audio controls>
  <source src="http://audio-mp3.ibiblio.org:8000/wcpe.mp3" type="audio/mpeg">
  <source src="http://audio-ogg.ibiblio.org:8000/wcpe.ogg" type="audio/ogg">
</audio>

И поток "просто работает" как есть, хотя попытка поиска с помощью элементов управления по умолчанию ничего не делает. Поэтому в конечном итоге вы можете захотеть заменить элементы управления "обычными" в обычном формате HTML 5. Для обратной совместимости с браузерами, не поддерживающими HTML 5, этот проект может быть полезен: https://github.com/etianen/html5media/wiki/Embedding-audio (не тестировал его с потоковой трансляцией, но мог/должно сработать). Mp3-кодек, похоже, поддерживается в основных браузерах (запрет, возможно, firefox на Linux [?]). Opus может быть еще одним красивым кросс-платформенным вариантом, я не уверен, что кодек мудрый, что является "лучшим" выбором как бы.

С некоторыми потоками (крик, я полагаю) мне пришлось добавить закрытие ';' к URL-адресу, см. fooobar.com/info/48312/... для заметок, но в основном для получения "правильного" URL-адреса.