Плеер радио. Как сделать чтобы радио потоки переключались между собой?

Question

[tatser]

Есть плеер на сайте. В нем стоят ссылки на два радио потока. Мне нужно: Когда идет вещание на поток №1 плеер играет его. Если вещание прекращается, автоматом включается поток №2. При возобновлении вещания на потоке №1 плеер снова играет его. Желательно без обновления страницы в браузере.
Вообще, это возможно?

Comments

[tatser]

А вот с этим плеером это можно как-то реализовать?

<div id="playerContainer" class="player">
<audio controls="controls">

  <source src="http://5.133.182.174:32335/;.aac" type="audio/aac" />
  <source src="http://5.133.182.174:32335/;.mp3" type="audio/mpeg" />

  <source src="http://online.radiorecord.ru:8102/sd90_128" type="audio/mpeg" />
        </source></source></source></audio>
        </div>

[Stalker_RED]

tatser: Можно. Это ведь обычный html5 тег <audio> только у него почему-то закрывающие </source> появились неведомо откуда

[tatser]

Stalker_RED: можно Вас попросить как-то это прописать правильно? Я в этом деле мало что понимаю.

[Stalker_RED]

tatser: Т.е. сделать за вас работающий плеер с автоматическим переключением потоков? Это нужно на фриланс-биржу обращаться, например.

[tatser]

Stalker_RED: не, я про source

[Stalker_RED]

tatser: Закрывающий тег </source> - не нужен. И даже если был бы нужен - у вас идут три открывающих, а потом три закрывающих, вот так ((())).
Но они не должны быть вложенными, а должны распологаться рядом ()()().

[tatser]

Stalker_RED: Понял, спасибо.

Answer 1

[Stalker_RED]

Переключать конечно возможно: https://jsfiddle.net/bvd9dmdc/embedded/result/
А отследить, что поток оборвался можно как-то так:

var player = document.querySelector('#my_player')
player.addEventListener('error', function (e) {
  alert(e.target.error.code);
})

Подробнее: https://developer.mozilla.org/en-US/docs/Web/Guide...

Comments

[tatser]

Уже похоже. Спасибо огромное.