Проигрывание группы Машина времени Тестовый дизайн Все в одном файле Отключение неправильно подключенных SCSS модулей Чистка кода
Обновление логотипа Разбиение на компоненты Исправление пагинации
Изменение ссылок (с целью уменьшения размеров файлов для теста) Удаление бага ('10-й трек') Удаление лишнего компоненты (folders -- папки) Сокращенное название файла в плейере. Проигрывание трека по клику на список треков
Перевод архитекуры на слоты Первый эксперимент Получение базовых контрольных кнопок
<audio id="player" src="sound.mp3"></audio>
<div>
<button onclick="document.getElementById('player').play()">Воспроизведение</button>
<button onclick="document.getElementById('player').pause()">Пауза</button>
<button onclick="document.getElementById('player').volume+=0.1">Громкость +</button>
<button onclick="document.getElementById('player').volume-=0.1">Громкость -</button>
</div>
Название события Описание
abort Отправляется, когда воспроизведение прерывается; Например, если воспроизведение медиа прерывается и начинается с самого начала, это событие будет отправлено.
canplay Отправляется, когда доступно достаточно данных для того, что бы медиа могло воспроизвестись, по крайней мере, в течение нескольких кадров. Соответствует состоянию (readyState) HAVE_ENOUGH_DATA.
canplaythrough Отправляется, когда состояние готовности изменяется к CAN_PLAY_THROUGH. Указывает, что медиа может быть полностью воспроизведено без перерыва, предполагая, что скорость загрузки остается, по крайней мере на нынешнем уровне. Примечание: Ручная установка CURRENTTIME вызовет событие canplaythrough в Firefox. В других браузерах это может не произойти.
durationchange Метаданные были загружены или изменены, что указывает на изменение в продолжительности медиа. Может быть отправлено, например, когда медиа загружено достаточно для того, чтобы продолжительность уже была известна.
emptied Медиа стало пустым. Например, это событие отправляется, если медиа уже загружено (или частично заргужено), и метод load() был вызван что бы его перезагрузить.
encrypted The user agent has encountered initialization data in the media data.
ended Отправляется, когда воспроизведение завершено.
error Отправляется, когда произошла ошибка. Атрибут error медиа объекта содержит более подробную информацию об ошибке. Смотрите Error handling, что бы узнать подробнее.
interruptbegin Отправляется, когда воспроизведение на Firefox OS устройстве прервано по любой из причин - например, если приложение ушло в фон или аудио с большим приоритетом начало воспроизведение. См. Using the AudioChannels API.
interruptend Отправляется, когда ранее прерванное воспроизвдеение на Firefox OS устройстве продолжает воспроизведение. См. Using the AudioChannels API
loadeddata Завершена загрузка первого кадра (frame) медиа.
loadedmetadata Метаданные медиа были загружены; все атрибуты теперь содержат максимум информации.
loadstart Отправляется, когда начинается загрузка медиа.
mozaudioavailable Sent when an audio buffer is provided to the audio layer for processing; the buffer contains raw audio samples that may or may not already have been played by the time you receive the event.
pause Отправляется, когда воспроизведение приостановлено.
play Отправляется, когда воспроизведение медиа начинается после того, как было приостановлено; то есть, когда воспроизведение возобновляется после паузы.
playing Отправляется, когда начинается воспроизведение медиа (в первый раз, после паузы или после перезапуска).
progress Отправляется периодически для информирования о прогрессе скачивания медиа файла. Информация об объеме загруженных данных доступна в атрибуте "buffered" элемента медиа.
ratechange Отправляется, когда изменяется скорость воспроизведения.
seeked Отправляется, когда операция поиска завершена.
seeking Отправляется, когда начинается операция поиска.
stalled Sent when the user agent is trying to fetch media data, but data is unexpectedly not forthcoming.
suspend Отправляется, когда загрузка медиа приостановлена. Это может прозойти как потому, что загрузка была завершена, так и по другим причинам.
timeupdate Отправляется, когда изменяется значение атрибута currentTime.
volumechange Отправляется, когда изменяется громкость звука (также когда звук включен или выключен).
waiting Отправляется, когда операция (напр. воспроизведение) была отложена до завершение другой операции (напр. поиск).
<a href="https://proweb63.ru/help/js/html5-audio-js">API</a>
## Project setup
npm install
### Compiles and hot-reloads for development
npm run serve
### Compiles and minifies for production
npm run build
### Lints and fixes files
npm run lint
### Run your unit tests
npm run test:unit