✨✨✨
Доброй субботы ,подписчики:)
Маловероятно, но возможно, что следующим опенсурсным проектом будет плеер на electron-js + react/effector, который пилю на стримах со студентами в свободное время
За одну встречу, мы успели реализовать:
- Интегрировать Learn UI-KIT
- Выбор директории с Музыкой
- Отображать играющий трек в PlayerControls компоненте
- Текущий трек выделяется акцентным цветом в списке
- Запилили кастомный верхний бар
- Сорт музыки (react-dnd)
- Настройка громкости
- Автоматический переход на след. трек
- Реализовали кнопки перехода по трекам с учетом начала и конца списка
Следующей итерацией появится:
- Плейлисты и возможность под свой плейлист настраивать графическую темку
- Визуализация (через всякие audio-context)
Если интересно - смогу сделать несколько постов по audioContext и визуализации. Там немного знаний про то что такое АЧХ, и как преобразование Фурье(fft) поможет нам в динамике получать адекватно и без лагов амплитуды частот чтобы это всё визуализировать, например, через threejs
Доброй субботы ,подписчики:)
Маловероятно, но возможно, что следующим опенсурсным проектом будет плеер на electron-js + react/effector, который пилю на стримах со студентами в свободное время
За одну встречу, мы успели реализовать:
- Интегрировать Learn UI-KIT
- Выбор директории с Музыкой
- Отображать играющий трек в PlayerControls компоненте
- Текущий трек выделяется акцентным цветом в списке
- Запилили кастомный верхний бар
- Сорт музыки (react-dnd)
- Настройка громкости
- Автоматический переход на след. трек
- Реализовали кнопки перехода по трекам с учетом начала и конца списка
Следующей итерацией появится:
- Плейлисты и возможность под свой плейлист настраивать графическую темку
- Визуализация (через всякие audio-context)
Если интересно - смогу сделать несколько постов по audioContext и визуализации. Там немного знаний про то что такое АЧХ, и как преобразование Фурье(fft) поможет нам в динамике получать адекватно и без лагов амплитуды частот чтобы это всё визуализировать, например, через threejs
🔥11😱1
🎹🎵🎸
#петпроекты
Плеер уже на 70% готов. Думаю, релиз уже скоро.
Новые фичи:
- Базовая реализация визуализации waveform по АЧХ
- Светлая тема (learn-uikit как-никак)
- Настройки
- Поиск по трекам / исполнителям
- Подгрузка обложек из метаданных файла
#петпроекты
Плеер уже на 70% готов. Думаю, релиз уже скоро.
Новые фичи:
- Базовая реализация визуализации waveform по АЧХ
- Светлая тема (learn-uikit как-никак)
- Настройки
- Поиск по трекам / исполнителям
- Подгрузка обложек из метаданных файла
🔥8👍1
Релиз моего музыкального плеера под macOS (ARM)
Фичи релиза:
- Плейлисты
- Сам плеер с перемоткой / сменой треков / громкостью
- Настройками хранилища / рескана
- Сорт плейлистов и треков драгндропом
- Тёмная/Светлая тема
- Простецкая виртуализация звукового потока
- Виртуализация основного списка треков (Не должно быть лагов на ~10к треках, протещено)
Итого на разработку ушло буквально пару вечеров.
Фичи релиза:
- Плейлисты
- Сам плеер с перемоткой / сменой треков / громкостью
- Настройками хранилища / рескана
- Сорт плейлистов и треков драгндропом
- Тёмная/Светлая тема
- Простецкая виртуализация звукового потока
- Виртуализация основного списка треков (Не должно быть лагов на ~10к треках, протещено)
Итого на разработку ушло буквально пару вечеров.
🔥6🎉4👍1
#релизы
🎹🎸🥳
Обновочка
Версия плеера 1.4
- При выборе папки для библиотеки, если в ней есть подпапки - плейлисты под них создаются автоматически
- ☁️ Система встроенных уведомлений
- Новый сложный алгоритм рескана папок
- Редактирование списка стало гораздо удобней (Появились кнопки select-all, unselect-all)
- 💾 Настройка сохранения позиции последнего прослушанного места
- 🖱️Появилось контекстное меню в приложении
- 🌠 Теперь на плейлисты можно накидывать бэкграунд-картиночки
- 🛋️ Выбранная тема приложения сохраняется
- [BugFix] Треки которые потеряны и которые нельзя воспроизвести отдельно удаляются
🎹🎸🥳
Обновочка
Версия плеера 1.4
- При выборе папки для библиотеки, если в ней есть подпапки - плейлисты под них создаются автоматически
- ☁️ Система встроенных уведомлений
- Новый сложный алгоритм рескана папок
- Редактирование списка стало гораздо удобней (Появились кнопки select-all, unselect-all)
- 💾 Настройка сохранения позиции последнего прослушанного места
- 🖱️Появилось контекстное меню в приложении
- 🌠 Теперь на плейлисты можно накидывать бэкграунд-картиночки
- 🛋️ Выбранная тема приложения сохраняется
- [BugFix] Треки которые потеряны и которые нельзя воспроизвести отдельно удаляются
🔥8
Ig.Dev Player-1.4.0-arm64-mac.zip
84.5 MB
macOS (ARM)
Установка:
1.
2. В случае ошибки
Установка:
1.
IgdevPlayer.app перенести в -> Applications2. В случае ошибки
Package is damaged починить атрибуты:xattr -cr /Applications/Ig.Dev\ Player.app#релиз
Версия плеера 1.5 для Windows / macOS (Пока без сертификата)
В новой версии появилась куча нового:
- 🎨 Визуализация. Очень тонко конфигурируемая (threejs + simplexnoise)
- ⚙️ Новые настроечки разбитые по категориям
- 🔎 Поиск по плейлистам
- 🎹 Горячие клавиши
- Библиотеку можно Экспортировать / Импортировать
- При нажатии на обложку в плеере / cmd/win/super + g произойдет открытие текущего плейлиста с подскролливанием до трека
Фиксы:
- Позиция контекстного меню под курсором мыши
- Арты были сломаны на windows. Теперь починены
Оптимизация
- База теперь сохраняется после закрытия приложения, а не на каждый чих
- Список треков теперь - виртуализированный список
Версия плеера 1.5 для Windows / macOS (Пока без сертификата)
В новой версии появилась куча нового:
- 🎨 Визуализация. Очень тонко конфигурируемая (threejs + simplexnoise)
- ⚙️ Новые настроечки разбитые по категориям
- 🔎 Поиск по плейлистам
- 🎹 Горячие клавиши
- Библиотеку можно Экспортировать / Импортировать
- При нажатии на обложку в плеере / cmd/win/super + g произойдет открытие текущего плейлиста с подскролливанием до трека
Фиксы:
- Позиция контекстного меню под курсором мыши
- Арты были сломаны на windows. Теперь починены
Оптимизация
- База теперь сохраняется после закрытия приложения, а не на каждый чих
- Список треков теперь - виртуализированный список
macOS (ARM)
Установка:
1. IgdevPlayer.app перенести в -> Applications
2. В случае ошибки Package is damaged починить атрибуты:
Когда доустановлю xcode и подпишу приложение - махинации эти больше не потребуются, надеюсь.
Установка:
1. IgdevPlayer.app перенести в -> Applications
2. В случае ошибки Package is damaged починить атрибуты:
xattr -cr /Applications/Ig.Dev\ Player.appКогда доустановлю xcode и подпишу приложение - махинации эти больше не потребуются, надеюсь.
🎵✨🎧
Чуть больше про фичу визуализации
∿∿∿∿∿∿wobwob∿∿∿∿∿∿∿
В настройках я выделил целый отдельный блок меню, в котором можно настроить волны максимально удобным образом.
Если получится, то ближайшее время смогу описать гайд как репродуцировать на react-three-fiber подобные волны.
Чуть больше про фичу визуализации
∿∿∿∿∿∿wobwob∿∿∿∿∿∿∿
В настройках я выделил целый отдельный блок меню, в котором можно настроить волны максимально удобным образом.
Если получится, то ближайшее время смогу описать гайд как репродуцировать на react-three-fiber подобные волны.
🎉8
🎧🎸✨
Пятидневная разработка плеера подошла к концу. Я учел огромное число фидбека, который мне пришел по разработке, но не буквально весь. На сколько хватило)
#релиз
v1.5.2
Скачать можно в сообщениях выше: macOS и windows.
У плеера даже появилась домашняя страничка: https://igoreshadev.ru/pets/player.html
Фичи:
- 💾 Апдейт плейлистов: теперь они работают как и во всех плеерах
- 🖼️ В них появились обложки, которые могут автоматически устанавливаться
- 🌠 Пострпроцессинг и туман в визуализации - можно устанавливать эффекты на сцену
- 🔀 Теперь можно перемешивать треки в плейлисте
- 📂 Контекстное меню может показать где находится конкретный файл в проводнике
Фиксы:
- Хоткей перехода на следующий-предыдущий трек работает теперь даже в свернутом режиме
- macOS: Теперь cmd+q закрывает приложение только если окно активно, а не когда угодно
- Уровень громкости теперь сохраняется после перезапуска
- Тонна оптимизаций: например, теперь ни один список не должен тормозить, даже если там сотни тысяч эл-тов
Пятидневная разработка плеера подошла к концу. Я учел огромное число фидбека, который мне пришел по разработке, но не буквально весь. На сколько хватило)
#релиз
v1.5.2
Скачать можно в сообщениях выше: macOS и windows.
У плеера даже появилась домашняя страничка: https://igoreshadev.ru/pets/player.html
Фичи:
- 💾 Апдейт плейлистов: теперь они работают как и во всех плеерах
- 🖼️ В них появились обложки, которые могут автоматически устанавливаться
- 🌠 Пострпроцессинг и туман в визуализации - можно устанавливать эффекты на сцену
- 🔀 Теперь можно перемешивать треки в плейлисте
- 📂 Контекстное меню может показать где находится конкретный файл в проводнике
Фиксы:
- Хоткей перехода на следующий-предыдущий трек работает теперь даже в свернутом режиме
- macOS: Теперь cmd+q закрывает приложение только если окно активно, а не когда угодно
- Уровень громкости теперь сохраняется после перезапуска
- Тонна оптимизаций: например, теперь ни один список не должен тормозить, даже если там сотни тысяч эл-тов
🔥7👍2😱2