Создать свой музыкальный плеер: 10 идей для проекта на Vue.js
Фреймворк Vue.js позволяет легко создавать рабочие приложения. Чтобы это доказать, на сайте Vuejsexamples опубликовали список из 10 примеров полнофункциональных музыкальных плееров со ссылками на открытый исходный код и демоверсии. Они помогут вам разобраться в работе фреймворка и создать свой собственный плеер для проекта или портфолио.
1. Vusic — Apple Music веб-плеер
Создан с помощью Vue, Vuex, Vue Router на базе Genius, YouTube и Apple MusicKitJS SDK.
Функции:
- поиск популярных песен по каталогу Apple Music;
- рекомендации Apple;
- оценка треков;
- интеграция с YouTube для просмотров клипов на песню;
- отображение текста песни.
Vusic
2. Музыкальный плеер FLB
Функции:
- сортировка по исполнителям, альбомам и плейлистам;
- отображение текста песни в режиме офлайн;
- редактор тегов;
- загрузка треков с Deezer и YouTube;
- подборка песен на основе ваших вкусов;
- мини-режим;
- эквалайзер.
FLB Music Player
3. Azuracast PWA-плеер
Инструмент Azuracast представляет собой бесплатное интернет-радио с открытым исходным кодом. С помощью кода из репозитория можно создать собственный FM-плеер для трансляции радиоэфиров.
FM-плеер Azurcast
4. Базовый музыкальный плеер с общедоступным плейлистом
Проект разработан с помощью следующих технологий:
- Vue.js;
- Eslint;
- Vue Fontawesome.
Базовый музыкальный плеер с общедоступным плейлистом
5. Клиент Spotify
Основан на Vue.js и Vuex. Пользователи, прошедшие аутентификацию, должны иметь действующую подписку Spotify Premium, иначе SDK веб-воспроизведения не будет работать.
Клиент Spotify
6. Веб-сайт музыкального исполнителя
Основан на Vue.js и Cosmic.js.
Веб-сайт музыкального исполнителя
7. Музыкальное приложение
Основано на Veu.js, Veux и Vue Router.
Музыкальное приложение
8. Gokotta
Музыкальный проигрыватель, разработанный на основе Electron и Vue.js.
Примечание: проект все еще в разработке, в нем много ошибок и тестируются экспериментальные функции, поэтому автор советует повременить с его использованием до перехода в режим бета.
Пока что есть только альфа-версия на MacOS, скоро появится вариант для Linux и Windows.
Gokotta
9. HTML5-музыкальный плеер для Vue.js
Проект находится в статусе бета-тестирования. Большинство запланированных функций уже на борту, но еще есть некоторые недоработки.
HTML5 музыкальный плеер для Vue
10. Клиент Soundcloud
SoundCloud — это онлайн-платформа и сайт для распространения оцифрованной звуковой информации. Проект реализован с помощью следующих технологий:
Клиент Soundcloud
Сообщить об опечатке
Текст, который будет отправлен нашим редакторам: