Возможно ли потоковое воспроизведение из источника.m3u при наведении курсора на элемент div?

Question

Я работаю над интерактивным сайтом о языках мира. Часть плана состоит в том, чтобы иметь карту мира, которая реагирует со звуком, когда разные страны колеблются. Акцент делается на звучание языка.

Я хотел бы встраивать веб-радио из каждой страны. Как только кто-то парит над страной, поток воспроизводится. Останавливается, когда курсор покидает контур страны.

Кодовым способом было бы прослушать события мыши, например, с помощью jQuery, и назначить потоки функциям.

Мне удалось встроить mp3-файлы, которые лежали в отдельном каталоге на моем сервере. Как это сделать с m3u? Насколько я знаю, html5 не может обрабатывать потоки m3u.

Я благодарен за любую помощь.

Answer 1

M3U - это не поток, а список воспроизведения. Если вы откроете файл M3U в текстовом редакторе, вы увидите, что это просто список URL-адресов.

#EXTM3U
http://example.com/stream
http://example.com/stream2

Для ваших целей, выбросить любую строку, которая начинается со знака фунта #, а затем используйте URL-адреса в файле в качестве источника звука HTML5.

Также обратите внимание, что есть другой стандарт, который использует M3U8 (то же самое, только в кодировке UTF-8) HTTP Live Streaming (HLS), но в настоящее время нет широкой поддержки браузера. На данный момент, если вы наткнулись на файл M3U, можно с уверенностью сказать, что вы смотрите прогрессивный поток HTTP, обычно подаваемый из SHOUTcast или Icecast. Это, вероятно, изменится в будущем, хотя.