MusicPlayer

---

Описание

MusicPlayer - это одностраничное веб-приложение, разработанное для прослушивания электронной музыки. Приложение предлагает удобный интерфейс для создания плейлистов, поиска треков и управления воспроизведением.

Функции:

• Создание плейлистов: Пользователи могут создавать плейлисты, добавляя треки различными способами:

• Перетаскивание: Перетаскивание файлов (Drag-and-Drop) в специальную зону.
• Выбор файла: Выбор файлов из устройства (Select) с помощью кнопки "Select".
• Поиск: Поиск треков по названию или исполнителю в поле ввода.

• Поиск треков:

• Встроенный поиск: Использует предустановленный список треков из music.json. Вы можете выбрать один из следующих способов поиска:
  • main_api.js: Поиск с использованием fetch из music.json.
  • main_array.js: Поиск путем перебора элементов массива.
• API Spotify (необязательно): Доступна опция поиска с использованием API Spotify, которая требует токен.

• Управление воспроизведением:

• Воспроизведение: Запуск воспроизведения выбранного трека с помощью кнопки "Play".
• Остановка: Остановка воспроизведения с помощью кнопки "Stop".
• Удаление: Удаление треков из плейлиста с помощью кнопки "Delete".
• Обновление информации: При переключении трека автоматически обновляется информация об исполнителе, названии и обложке альбома.

• Дополнительные возможности:

• Видео-плеер: Встроенный видео-плеер с несколькими доступными видео.
• Радио: Доступно 12 радиостанций для прослушивания.
• Социальные ссылки: Ссылки на социальные сети для изучения электронной музыки.

Технологии:

• Язык программирования: JavaScript • Библиотека для парсинга мета-тегов: MP3Tag.js (https://www.jsdelivr.com/) • Виджеты: Elfsight (https://elfsight.com/) для радио, видео-плеера и иконок социальных сетей.

Источники данных:

• Музыка: https://rus.hitmotop.com/ • Видео: https://vimeo.com/ • Радиостанции: http://radcap.ru/

Использование:

• GitHub Pages: Посетите https://mariabezdudnaya.github.io/MusicPlayer/ для просмотра приложения. • Скачивание: Скачайте репозиторий и откройте файл index.html в браузере.

Дополнительные сведения:

• Исходный код: Исходный код приложения доступен в этом репозитории.

• API Spotify: В API.js предусмотрена возможность использования API Spotify для поиска музыки.

• Для активации этой функции необходимо иметь токен Spotify API.
• Раскомментируйте код в обработчике события click для кнопки searchButton в API.js, чтобы включить поиск через Spotify.

Важно: Если у вас нет токена Spotify API, вы можете использовать встроенный поиск по music.json, который доступен по умолчанию.