Стоп, пуск в плеере html через javascript
Как остановить и запустить воспроизведение на плеере с помочью клавиатуры, у нас есть плеер html.На котором мы и будем тренироваться, чтобы заработал пуск и стоп…
Не будем все до последней крошки разжевывать…
Нам понадобится… как минимум
Как вы заноете, чтобы обращаться к тегу, самое простое и наглядное это идентификатор, например назовем его:
И у нас еще в теге audio есть атрибут controls, по умолчанию поставим туда stop
Src – наверное понятно – что это путь… до файла мп3
Теперь соберем это все вместе…
Код:
Результат:
Теперь скрипт...
Логика такая – код кнопки пробела 32 – будем проверять по нажатию, пробела, что находится в атрибуте при первом нажатии срабатывает пуск play() и одновременно отправляется в атрибут пустота, второй раз нажимаем – это остановить… срабатывать pause() и отправляется в controls stop .
Довольно простой код…
Ну и далее вам остаётся только и всего... нажать на пробел... и потренироваться, как на нашем плеере работает воспроизведение и пауза на плеере html
<script>
document.onkeydown = function checkKeycode(event)
{
var keycode;
if(!event) var event = window.event;
if (event.keyCode) keycode = event.keyCode; // для IE
else if(event.which) keycode = event.which; // для всех браузеров
if( keycode=='32')
{
the_var = player.getAttribute('controls') ;
if(the_var=='stop')
{
document.getElementById('player').play(); player.setAttribute('controls', '');
}
else
{
document.getElementById('player').pause(); player.setAttribute('controls', 'stop');
}
}
}
</script>
Название скрипта и номер :Стоп и пуск в простом audio плеере через javascript
Пример - Стоп и пуск в простом audio плеере через javascript
Скачать - архив
Все скрипты на одной странице
Стоп, пуск в плеере html через javascript