Presentation

1. Презентация индивидуального проекта:  «Разработка веб-плеера "MonoPlay"»

VbVb
Министерство образования Новосибирской
области
ГБНОУ НСО «Новосибирский авиационный
технический
колледж имени Б.С. Галущака»
Презентация
индивидуального проекта:
«Разработка веб-плеера
"MonoPlay"»
Разработал: Данзычы А.Д.
Группа ПР-25.103
г.Новосибирск,2026

2. Актуальность

Актуальность разработки музыкального плеера с
возможностью изменения интерфейса
обусловлена ростом требований пользователей
к персонализации программных продуктов,
которое позволит более гибко изменять дизайн в
соответствии с предпочтениями пользователя и
удобством прослушивании композиций.

3. Цель работы

Цель проекта: разработать удобный музыкальный веб-плеер с
возможностью воспроизведения аудиофайлов,управления
плейлистами и кастомизации интерфейса под предпочтения
пользователя
Задачи:
Сбор и анализ сведений по предметной области;
Выбор технологий разработки веб-плеера;
Разработка макета и пользовательского интерфейса;
Разработка аудио-плеера с ключевыми функциями;

4. Объект и предмет проекта

Объект проекта:
Процесс разработки вебприложений для
воспроизведения и
управления аудиоконтентом
Предмет проекта:
Методы и технологии создания
музыкального веб-плеера,
включая реализацию
воспроизведения аудио и
настройка пользовательского
интерфейса

5. Теоретические основы разработки музыкального веб-плеера:

Музыкальные сервисы стали частью повседневной жизни пользователей.
Большинство существующих платформ ограничивают возможности настройки интерфейса
и имеют назойливую рекламу и подписки без которых трудно комфортно прослушивать
музыку.
Пользователи заинтересованы в персонализации и удобстве использования приложений.
Веб-плеер - приложение для воспроизведения аудиофайлов через браузер.
Основные функции веб-плеера:
- воспроизведение и пауза;
- переключение треков;
- плейлист.
Важную роль играет удобный интерфейс и возможность его
персонализации.

6. История развития музыкальных плееров

- Переход от кассет и CD-дисков к цифровым форматам
(MP3).
- Появление программных плееров,например WinAMP,с
поддержкой смены оформления.
- Развитие интернет-технологий привело к появлению
музыкальных веб-сервисов.
- Современные веб-плееры используют технологии HTML5 и
Web Audio API для обработки звука в браузере.

7. Анализ существующих сервисов

Сервис
Преимущества
Недостатки
Spotify
Большая библиотека,удобство
использования.
Ограниченная кастомизация,
Ограниченные возможности
бесплатной версии(без
подписки).
SoundCloud
Социальные
функции,комментарии при
прослушивании песен.
Перегруженный интерфейс.
Яндекс Музыка
Интеграция с сервисами
Яндекса
Минимальная настройка
внешнего вида, дорогая
подписка, цензура песен.

8. Технологии и инструменты для разработки

HTML5 - структура веб-приложения;
CSS3 - оформление и стилизация интерфейса;
JavaScript - реализация логики работы плеера;
Visual Studio Code - инструмент для разработки;
Pixso - создание макетов интерфейса;
Google Fonts - подключение шрифтов.

9. Основы пользовательского интерфейса и UX/UI дизайна и работа со звуком:

Принципы UX/UI:
Работа со звуком:
Интуитивно понятный интерфейс;
Привычное расположение элементов
управления;
Визуальная обратная связь;
Адаптивность и удобство
кастомизации.
Воспроизведение аудио через HTML5
Audio;
Буферизация для плавного проигрывания;
Использование Web Audio API для
управления звуком и дальнейшего
расширения функционала.

10. Разработка программного продукта:

• Создан макет приложения в Pixso.
• Cпроектирована структура веб-приложения.
• Для оформления выбран стиль Glassmorphism, cоздающий
эффект полупрозрачного стекла.
• Интерфейс реализован с помощью HTML и CSS.
• Реализация функционала плеера в JavaScript.

11. Заключение и выводы:

• В ходе выполнения проекта был разработан музыкальный плеер
"MonoPlay" с возможностью воспроизведения аудиофайлов и настройки
внешнего вида интерфейса. Цель проекта достигнута. Задачи успешно
выполнены.Созданное веб-приложение обеспечивает удобное
прослушивание музыки и предоставляет пользователю возможность
персонализации интерфейса.
• Выводы: Проект показал возможность создания современного
музыкального веб-приложения с удобным интерфейсом и
возможностями персонализации. Также получены практические навыки
работы с HTML, СSS и JavaScript.