🎧 Dmitry Miroshkin — Music Portfolio

Статичный веб-сайт-витрина для композитора и саунд-дизайнера. Проект демонстрирует возможности Vanilla JavaScript в создании сложных интерактивных интерфейсов без использования тяжелых фреймворков.

🚀 Технические особенности

1. Кастомный аудио-движок и UI

• Audio Engine (audio_player.js): Полноценная логика воспроизведения авторских треков с поддержкой плейлистов и состояний.
• Shadow DOM Layouts: Реализована смена интерфейса (режимы classic и stylish) через импорт конфигураций (controls_config_*.js) и использование HTML-шаблонов.
• Smart Sync: Интеграция с YouTube IFrame API. Сайт автоматически ставит видео на паузу при запуске аудио-плеера и наоборот, исключая наложение звуковых потоков.

2. Продвинутый интерактив (UX)

• Hover Intent: Алгоритм отслеживания намерений. Кнопки управления игнорируют случайные пролеты курсора, анализируя скорость движения мыши.
• Contextual Cursors: Динамическая смена курсоров при скроллинге (scrolling_cursors.css) для визуального фидбека в стиле профессиональных DAW.
• Fluid Typography: Анимированный вывод текста в разделе "About" с использованием математических функций плавности (Ease-out).

3. Производительность и Архитектура

• No Frameworks: Только чистый JS, HTML5 и CSS3.
• Modular Architecture: Четкое разделение ответственности между модулями (логика плеера, работа с видео, хранилище функций).
• Optimized Assets: Использование кастомных шрифтовых иконок (Fontello) и оптимизированных медиа-файлов.

🛠 Стек технологий

• Language: JavaScript (ES6+)
• Styles: CSS3 (Custom Properties, Flexbox, Grid)
• Libraries: inert.min.js (accessibility), scrollyfills (smooth scroll)

---

Developed as a high-end portfolio project to showcase front-end engineering skills and musical background.