Skip to content

🎧 Ig.Dev Player

Общее

Ig.Dev player - десктопный музыкальный плеер на electron js под macOS/windows.

An image

Актуальные версии

- Оптимизация (потребление памяти значительно снижено)
- Теперь треки и папки можно добавлять перетаскиванием в окно приложения
- Обновлён алгоритм добавления, теперь добавляются все подпапки, и на основе них создаются плейлисты
- Новый компактный 💎 ДеСиГн
- Плейлисты можно архивировать
- Добавлен тестовый эквалайзер
- Отдельное меню со статой треков/папок и веса песен/обложек всех треков
- Теперь пользователь может управлять очередью играющих треков
- Меню папок/плейлистов можно скрывать
- Можно менять направление сортировки треков

История версий

В старой версии осталась возможность добавлять видео из youtube,
осталась фича сохранения позиции, а также визуализатор звуков, смена акцентного цвета плеера

v1.7.0

v1.6.1

v1.5.2

v1.4

v1.0.1

Цель проекта

На первых порах это было частью стрима для менторства студентов, но по итогу это перекочевало в собственный проект. Основной набор фич был реализован за 3-4 дня.

Последняя версия 2.0 является ремастером приложения с нуля, в которой реализована база со всеми треками, проведена большая работа над оптимизацией и потребления оперативной памяти плеера.

Стек

  • ElectronJS + nodeJS + typescript
  • Фронтенд: ReactJS + Effector + Styled-components + 42px/fsd-arch
  • sqlite3 (better-sqlite3)
  • Визуализация: threejs (React three fiber) + simplexnoise

Фичи

  1. Выбор библиотеки треков
  2. Автосоздание плейлистов под вложенные папки
  3. Визуализация на threejs, с тонкой настройкой
  4. Фича с нахождением в списке играющего трека
  5. Возможность добавлять стримы/клипы с youtube
  6. Удобное управление списком музыки, работает сортировка, контекстное меню, поиск по плейлистам и по трекам
  7. Виртуализация огромных списков музыки и плейлистов
  8. Возможность экспортить / импортить настроенную библиотеку
  9. Тёмная / Светлая темы
  10. Можно изменять цвета у темы плеера
  11. Для любителей аудиокниг: есть режим сохранения позиции в рамках плейлиста

Скриншоты (v1.7)

An imageAn image