Как создать музыкальный проигрыватель на 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