Перейти к содержимому

Как создать музыкальный проигрыватель на HTML CSS и JavaScript

Kenny Yip Coding

0:00 / 0:00

Как создать музыкальный проигрыватель на HTML CSS и JavaScript

8 125 просмотров · 9 месяцев назад
Kenny Yip Coding
69,9 тыс. подписчиков
8 125 просмотров · 9 месяцев назад
Учебное пособие по созданию музыкального плеера на Javascript. Полное руководство по написанию музыкального плеера на HTML, CSS и JavaScript. В этом видео мы рассмотрим, как воспроизводить аудио на JavaScript, создавать слайдер, который движется вместе с аудио, создавать кнопки с иконками из Fontawesome, переключаться между песнями с помощью кнопок Next и Play, а также стилизовать музыкальный плеер. Код: https://github.com/ImKennyYip/music Демонстрация: https://imkennyyip.github.io/music Добавьте CDN Fontawesome на свою HTML-страницу: https://cdnjs.com/libraries/font-awesome Поиск иконок: https://fontawesome.com/icons const songs = [ { изображение: "./album-art1.jpg", название: "Deck The Halls", исполнитель: "John Parry", аудио: "./deck-the-halls.mp3" }, { изображение: "./album-art2.jpg", название: "Jingle Bells", исполнитель: "James Lord Pierpont", аудио: "./jingle-bells.mp3" }, { изображение: "./album-art3.jpg", название: "Joy To The "Мир", исполнитель: "Isaac Watts", аудио: "./joy-to-the-world.mp3", }, ]; Веб-сайт: https://www.kennyyipcoding.com/ Плейлист «Проекты программирования игр на Java»:    • Java Game Programming Tutorials   Плейлист «Проекты программирования игр на JavaScript»:    • JavaScript Game Programming Tutorials   Плейлист «Веб-проекты на JavaScript»:    • Javascript Website Projects (HTML CSS Java...   Подпишитесь, чтобы смотреть больше обучающих материалов по программированию 😄! ⭐ Если вам понравился урок и вы хотите поддержать канал, вы можете сделать это здесь 💖: https://buymeacoffee.com/kennyyipcoding #codetictactoe #tictactoejs #tictactoejavascript