"Мозги" Nohau

Вы загрузили старую ревизию документа. Сохранив её, вы создадите новую текущую версию с этим содержимым.

====== Управление тегом audio в HTML5  ======

===== Узнать проигрывается ли сейчас что-то в плеере =====

Проверить у встроенного плеера браузера, проигрывается ли что-то в данный момент.
<code>

</code>

===== Если прерывается трансляция, возобновляем проигрывание =====

Собственно, когда нажимаем play, запускается по таймауту функция которая определяет, остановилось ли воспроизведение, и если оно остановилось, то просто его запускает вновь. Также навешено событие на нажатие на паузу - отключение таймера, чтобы не возобновлялось воспроизведение, когда пользователь решил остановить.

function play_always() {
	player = document.getElementById('player');

if (player.paused)
		player = document.getElementById('player').play();
	
	numt = setTimeout('play_always()', 1000);
}

player = document.getElementById('player');
player.onpause = function(event) { clearTimeout(numt); }
player.onplay = function(event) { play_always(); }

</script>
</code>

===== Отложенная загрузка данных =====

Чтобы плеер не загружал файл или поток при открытии страницы, можно поступить так:

function play_always() {
	player = document.getElementById('player');

if (player.paused)
		player = document.getElementById('player').play();
	
	numt = setTimeout('play_always()', 1000);
}

player = document.getElementById('player');
player.onpause = function(event) { 
	clearTimeout(numt);
}

player.onplay = function(event) {
	player = document.getElementById('player');
	player.src = "http://193.107.239.146:8000/radio";
	play_always(); 
}

</script>
</code>

То есть с помощью <code>player.src = "http://193.107.239.146:8000/radio";</code> мы даем данные тогда когда нам это нужно. Иначе плеер качает сразу при открытии.
===== Живой пример =====

Все эти хитрости нам помогли при создании [[http://radio.pipec.tv/|интернет-радио]].

Пожалуйста, введите код подтверждения, чтобы доказать, что вы не робот:

 ______   ____   _  __   __    _  __
/_  __/  / __/  / |/ /  / /   | |/_/
 / /    _\ \   /    /  / /__ _>  <  
/_/    /___/  /_/|_/  /____//_/|_|

Пожалуйста, оставьте это поле пустым:

Сводка изменений

Примечание: редактируя эту страницу, вы соглашаетесь на использование своего вклада на условиях следующей лицензии: CC Attribution-Share Alike 4.0 International

"Мозги" Nohau

Инструменты пользователя

Инструменты сайта

Инструменты страницы