Можно ли воспроизводить потоки интернет-радио shoutcast с помощью html5?

можно ли воспроизводить SHOUTcast (или некоторые) потоки интернет-радио с html5?

поэтому у меня есть следующий код:

<html>
<body>
<audio src="http://shoutcast.internet-radio.org.uk:10272/" />
</body>
</html>

Я сохраняю его как HTML-страницу и запускаю браузер (Google chrome 4.0.249.78, safary или FF)

но он не играет / работает!(

и он не играет с любым другим интернет-радио, которое я пытался играть!(

почему!?! Что я делаю не так?

btw: from HTML5 (включая дополнения следующего поколения еще в разработке) 2.6.1 концепции протокола Агенты пользователей могут реализовывать различные протоколы передачи, но эта спецификация в основном определяет поведение в терминах HTTP. [HTTP]

метод HTTP GET эквивалентен действию извлечения по умолчанию протокола. Например, RETR в FTP. Такие действия являются идемпотентными и безопасными, в терминах HTTP.

коды ответов HTTP эквивалентны статусам в других протоколах, которые имеют те же основные значения. Для например, ошибка "файл не найден" эквивалентна коду 404, ошибка сервера эквивалентна коду 5xx и так далее.

заголовки HTTP эквивалентны полям в других протоколах, которые имеют то же основное значение. Например, заголовки проверки подлинности HTTP эквивалентны аспектам проверки подлинности протокола FTP.

24
audio audio-streaming html5 radio shoutcast

10 ответов

вы не можете сделать это с ShoutCast, но с Icecast и edcast client вы можете транслировать live vorbis через HTML5 <audio> тег. Просто укажите наhttp://your-url.com:port/stream.ogg: p

10

добавить точку с запятой в конце http запрос. Это протокол, установленный shoutcast, чтобы переопределить его обнаружение браузера. Как этот пример:

<audio controls src="http://shoutcast.internet-radio.org.uk:10272/;"></audio>
42

HTML5 не указывает, какие форматы аудио (прогрессивные или потоковые) должен поддерживать плеер. Это зависит от браузера, чтобы определить, на основе спроса и осуществимости реализации. В предыдущих проектах мы пытались указать несколько базовых кодеков и форматов, которые должны поддерживать все браузеры, но каждый из возможных форматов заставил некоторых поставщиков браузеров отказаться от его реализации.

в Safari (4.0.4, WebKit nightly 6531.21.10, r54538, Mac OS) работает следующее X 10.6.2), но не Chrome или Firefox:

<!DOCTYPE html>
<audio controls src="http://shoutcast.internet-radio.org.uk:10272/"></audio>

(заметим, что <audio> требуется конечный тег в сериализации HTML, он не может использовать самозакрывающийся тег стиля XML, и мне нужно включить controls или autoplay для того, чтобы начать аудио)

это, вероятно, связано с тем, что Safari получает поддержку Shoutcast "бесплатно", потому что он просто использует QuickTime для обработки любых аудио и видео URL-адресов, которые он дает, и QuickTime уже имеет поддержку Shoutcast. Это также может привести к некоторым странным ошибкам, так как реализация HTTP QuickTime, ну,изворотливым, мягко говоря.

Я бы предложил подавать ошибки с просьбой о поддержке Shoutcast в браузерах, которые его не поддерживают. Вот баг-трекеры для Firefox (Gecko/Mozilla), Хром (Хром) и сафари (если это не работает на Windows или что-то в этом роде).

16

ну, я проверил станции ogg_vorbis. Я скачал плейлист и открыл его в блокноте, и скопировать URL-адрес потока. Поэтому, если вы хотите проверить его, просто скопируйте это в пустой файл и назовите его чем-то.формат html.

<!DOCTYPE html>
    <html>
    <head>
    <title>audio testing live stream!</title>
    </head>
    <body>
    <audio controls="controls" autoplay="autoplay" src="http://oggvorbis.tb-stream.net:80/technobase.ogg">
    </audio>
    </body>
</html>

вот именно!

BB

4
<!DOCTYPE html>
<audio controls src="http://baldyradio.com:8010/;"></audio>

это работает в версии IE9, грустно, что то же самое нельзя сказать о FireFox 4!

4

чтение спецификации звука HTML 5 (http://www.w3schools.com/html5/html5_audio.asp) W3C описывает, какие форматы (MP3 или OGG) поддерживаются какими браузерами

то, что я бы сделал, это иметь сервер icecast (не ShoutCast) потоковое MP3 и поток OGG

используя javascript, определите тип браузера -http://www.javascripter.net/faq/browsern.htm

if (браузер не поддерживает HTML5){ печать сообщения-использовать новое Браузер }

if (браузер поддерживает HTML5 и Ogg streaming (использовать список из W3c)){ используйте поток OGG с сервера icecast в теге SRC }

if (браузер поддерживает HTML5 MP3 streaming (использовать список из W3C)){ используйте поток MP3 с сервера icecast в теге SRC }

Я думаю, что это будет охватывать все основные браузеры и решит большинство проблем людей вы, вероятно, найдете в будущем это будет избыточным, поскольку больше браузеров поддерживают

3
<audio controls src="http://example.com:8000/mountpath;"></audio>
2

приведенные выше сообщения дают правильный ответ, хотя они не упоминают об использовании полоснуть. Убедитесь /; есть после URL-адреса потока и порта.

<audio src="http://shoutcast.internet-radio.org.uk:10272/;" />
2

Ну, Firefox и Opera не поддерживают несвободные кодеки, такие как mp3 (как в Opera 10.5 alpha, FF 3.5 и более поздних версиях поддерживает только PCM wav и Ogg Vorbis для аудио). Однако я считаю, что Chrome и Safari поддерживают MP3.

следующая проблема заключается в том, что Ваш URL-адрес указывает на веб-страницу, описывающую поток, не поток.

наконец, насколько я знаю, никто не реализовал анализатор списка воспроизведения для аудиоэлемента (спецификация упоминает только аудиофайлы, а не плейлисты), что является проблемой здесь, так как даже при нажатии кнопки "прослушать" вы получаете плейлист, а не сырой поток.

1

Да, вы можете играть в ShoutCast2 я использую его таким образом

<audio preload="none" autoplay="autoplay" controls="controls">
    <source src="http://178.32.62.172:9079/stream" type="audio/mpeg">
    Your browser does not support this player, please update the version
</audio>
0