Создание АУДИО ПЛЕЕРА c нуля ⮞ HTML, SCSS, JAVASCRIPT

Tavsif:

Зачастую приходится работать на сайтах с воспроизведением аудио/видео или создать полноценный плеер. В этом видео познакомимся с основными событиями и способами обработки аудио. Создадим классический функционал для аудио плеера, используя HTML, препроцессор SCSS, а также сам JavaScript. 00:00 - Как будет выглядеть аудио плеер 01:05 - Создание структуры проекта: HTML, SCSS, установка расширений для VS Code, добавление шрифтов 04:54 - Пишем HTML-структуру для плеера 19:21 - Рендерим аудио на странице с помощью JavaScript 38:38 - Логика для выбора трека 47:00 - Обновление времени и прогресса при воспроизведении трека 52:00 - Логика для кнопок воспроизведения и остановки трека 57:00 - Работа с переключением треков на предыдущий и следующий 01:03:17 - Добавление функционала после переключение и окончания трека 01:10:55 - Логика повторения трека 01:13:47 - Функционал изменения звука 01:16:17 - Перемешиваем треки кликом на кнопку