Метаданные Icecast + HTML5 <audio>

@KMSNasgool · Регистрация: 17.12.2013

Студворк — интернет-сервис помощи студентам

Имеем домен, сервер, там апач + Icecast (онлайн радио).
На страничке домена написан плеер с использованием <audio>.
Есть ли какие-нибудь штатные методы получения метаданных (артист, песня)?
Если нет, то нештатные?
Например у Icecat свой вебсервер на 8000 порту.
И там на страничке http://мойдомен:8000/status.xsl есть парочка тегов с именем текущего исполнителя и названием песни. Я эти теги пометил уникальными ID.
Могу ли я со страницы http://мойдомен/radio.html подтягивать контент этих тегов по таймеру, или по событию?

Добавлено через 1 минуту
в теме ошибочка случайная: html5 имелось ввиду

Добавлено через 20 часов 14 минут
поставил костыль:
сервер мой личный, потому без проблем заглянул в /usr/share/icecast2/web, открыл status.xsl и разделил в html поле таблицы с данными артиста и песни (они там были через дефис) на два параграфа (<p></p>) и пометил их уникальными ID:

HTML5
1
2
3
<tr><td>Current Song:</td><td class="streamdata">
<p id="metadata_for_radio_artist"> <xsl:if test="artist"><xsl:value-of select="artist" /> </xsl:if></p>
<p id="metadata_for_radio_title"> <xsl:value-of select="title" /> </p> </td></tr>

потом написал скрипт:

Bash
1
2
3
4
5
6
7
8
9
cd /var/www
while true
do
        wget [url]http://localhost:8000/status.xsl[/url]
        grep -m 1 'metadata_for_radio_artist' status.xsl > artist.html
        grep -m 1 'metadata_for_radio_title' status.xsl > title.html
        rm status.xsl
        sleep 15
done

запустил его в фоновом режиме и так же поставил в автозагрузку.
В итоге имею в папке вебсервера 2 файла:
artist.thml и title.thml

с помощью JS подгружаю по таймеру их в плеер.

но!

есть такая штука как атрибут track у тега audio и у него есть свой атрибут kind который может принимать значение metadata:

HTML5
1
2
3
<audio src="http://адрес-сервера:8000/live">
    <track id="th_meta" kind="metadata" src="http://адрес-сервера:8000/live" />
</audio>

очень интересно покопать в эту сторону. гугл к сожалению не помог.
люди с опытом в этой области, помогите пожалуйста.

@KMSNasgool · 18.03.2015, 05:46 **[ТС]**

Взялся я снова за свой эксперимент.

Добавлено через 2 минуты
Проблема решена.
1) на веб сервере по крону работает PHP скрипт. Он опрашивает вебинтерфейс Icecst, выделяет из него метаданные и пишет в файл на вебсервере. каждые 5 секунд
2) в плеере по таймеру происходит Ajax запрос к вебсерверу за актуальными метаданными

@vasya_rogov · 05.06.2015, 00:27

есть ли способ для видеоплеера html5 ввести сфою информацию в метаданные этого видео по событию его загрузки пользователем.
Данные - кодовая информация данного пользователя который загружает видео.
Это делается для отслежки пользователей занимающихся нелегальным распространением мультимедийного веб контента.

@KMSNasgool · 02.09.2015, 08:45 **[ТС]**

Видео тут причем? Читай выше внимательнее...

@KMSNasgool · 04.09.2015, 03:53 **[ТС]**

Костыль убрал, и решил проблему.

Для начала пришлось бороться с CORS, ибо современные браузеры считают что example.org и example.org:8000 - это разные домены.
Решил просто. Пробросил апачем прокси. Теперь адрес стрима для пользователей стал не http://example.org:8000/ogg, а http://example.org/ogg/. Теперь отпала проблема CОRS на стороне клиента и можно дальше использовать WebAudioApi.

Дальше начинаем получать метаданные.
В папке /usr/share/icecast2/web/ лежат ссылки на внутренний веб интерфейс статистики icecast.
Там создаю свой файлик metadata.xsl Убираю из него все лишнее (дивы css ссылки и т.п.).
Оставляю только в параграфах (помеченных моим ID) необходимые данные:
название стрима
дескрипшен
битрейт
артиста
трек
количество слушателей
пик слушателей

В папке вебсервера создаю php скрипт.
Скрипт 12 раз каждые 5 сек гет-запросом обращается на http://localhost:8000/metadata.xsl
Парсит необходимую информацию по ID которые я указал и пишет все это в отдельный файл в каталог сайта.
Приписываю этот скрипт в cron на исполнение каждую минуту.
В итоге в папке апача получаю файл PHP в котором каждые 5 секунд обновляется информация о песне, артисте, количестве слушателей и т.д.
Этот файл и есть точка входа для POST запросов, которые плеер со стороны клиента посылает через Ajax.

Надеюсь идею я описал понятно.

Добавлено через 7 минут
Если кого-то интересуют подробности, - пишите сюда. Отвечу.

@mrfrankinshtain · 04.12.2015, 22:06

Не могу разобраться как это сделать, уважаемый KMSNasgool объясните пожалуйста как это сделать

@KMSNasgool · 20.09.2016, 08:29 **[ТС]**

Сообщение от mrfrankinshtain

Не могу разобраться как это сделать, уважаемый KMSNasgool объясните пожалуйста как это сделать

Прошу прощения, что давно не заглядывал.
Если актуально - пишите конкретнее что не получается?
На каком пункте встали?
- настройка прокси в апач
- создание шаблона XSL в папке вебсервера icecast
- создание PHP скрипта для выполнения в crontab

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .

@KMSNasgool 61 / 51 / 25 Регистрация: 17.12.2013 Сообщений: 247
	18.03.2015, 05:46 [ТС]
	Взялся я снова за свой эксперимент. Добавлено через 2 минуты Проблема решена. 1) на веб сервере по крону работает PHP скрипт. Он опрашивает вебинтерфейс Icecst, выделяет из него метаданные и пишет в файл на вебсервере. каждые 5 секунд 2) в плеере по таймеру происходит Ajax запрос к вебсерверу за актуальными метаданными 0

@vasya_rogov 0 / 0 / 0 Регистрация: 02.06.2015 Сообщений: 3
	05.06.2015, 00:27
	есть ли способ для видеоплеера html5 ввести сфою информацию в метаданные этого видео по событию его загрузки пользователем. Данные - кодовая информация данного пользователя который загружает видео. Это делается для отслежки пользователей занимающихся нелегальным распространением мультимедийного веб контента. 0

@KMSNasgool 61 / 51 / 25 Регистрация: 17.12.2013 Сообщений: 247
	02.09.2015, 08:45 [ТС]
	Видео тут причем? Читай выше внимательнее... 0

@KMSNasgool 61 / 51 / 25 Регистрация: 17.12.2013 Сообщений: 247
	04.09.2015, 03:53 [ТС]
	Костыль убрал, и решил проблему. Для начала пришлось бороться с CORS, ибо современные браузеры считают что example.org и example.org:8000 - это разные домены. Решил просто. Пробросил апачем прокси. Теперь адрес стрима для пользователей стал не http://example.org:8000/ogg, а http://example.org/ogg/. Теперь отпала проблема CОRS на стороне клиента и можно дальше использовать WebAudioApi. Дальше начинаем получать метаданные. В папке /usr/share/icecast2/web/ лежат ссылки на внутренний веб интерфейс статистики icecast. Там создаю свой файлик metadata.xsl Убираю из него все лишнее (дивы css ссылки и т.п.). Оставляю только в параграфах (помеченных моим ID) необходимые данные: название стрима дескрипшен битрейт артиста трек количество слушателей пик слушателей В папке вебсервера создаю php скрипт. Скрипт 12 раз каждые 5 сек гет-запросом обращается на http://localhost:8000/metadata.xsl Парсит необходимую информацию по ID которые я указал и пишет все это в отдельный файл в каталог сайта. Приписываю этот скрипт в cron на исполнение каждую минуту. В итоге в папке апача получаю файл PHP в котором каждые 5 секунд обновляется информация о песне, артисте, количестве слушателей и т.д. Этот файл и есть точка входа для POST запросов, которые плеер со стороны клиента посылает через Ajax. Надеюсь идею я описал понятно. Добавлено через 7 минут Если кого-то интересуют подробности, - пишите сюда. Отвечу. 0

@mrfrankinshtain 0 / 0 / 0 Регистрация: 26.01.2015 Сообщений: 2
	04.12.2015, 22:06
	Не могу разобраться как это сделать, уважаемый KMSNasgool объясните пожалуйста как это сделать 0