Руководство по глобальному музыкальному плееру

Руководство по глобальному музыкальному плееру

Глобальный музыкальный плеер — это мощная функция, которая позволяет вам наслаждаться музыкой, созданной с помощью ИИ, в любой части приложения. Он появляется в нижней части экрана при воспроизведении музыки, подобно популярным платформам, таким как Spotify и Apple Music.

Интерфейс плеера

Минимальный режим (вид по умолчанию)

Плеер отображается в виде компактной панели в нижней части экрана с тремя основными секциями:

Левая секция — информация о треке

• Обложка альбома: отображает обложку музыки (или значок музыки по умолчанию, если изображение отсутствует)
• Название трека: показывает название текущей композиции
• Имя исполнителя: отображает исполнителя (или «Неизвестный исполнитель», если не указано)

Центральная секция — управление воспроизведением

• Кнопка предыдущего трека (): переход к предыдущей композиции в плейлисте
  • Видна только при наличии нескольких треков в плейлисте
• Кнопка воспроизведения/паузы (/): основная кнопка для воспроизведения или приостановки текущего трека
  • Зелёный цвет при воспроизведении
  • Оранжевый цвет на паузе
• Кнопка следующего трека (): переход к следующей композиции в плейлисте
  • Видна только при наличии нескольких треков в плейлисте
• Информация о прогрессе: показывает текущее время / общую продолжительность (например, «1:23 / 3:45»)

Правая секция — дополнительные элементы управления

• Кнопка режима воспроизведения: переключение между режимами воспроизведения

  • Повтор всех (): воспроизведение всех треков по порядку с повтором
  • Повтор одного (): повторное воспроизведение текущего трека
  • Случайный порядок (): воспроизведение треков в случайном порядке
  • Видна только при наличии нескольких треков

• Кнопка локации (): найти текущий трек в вашей музыкальной библиотеке

  • Переход на страницу, содержащую этот трек
  • Видна только при наличии нескольких треков

• Кнопка плейлиста (): открыть панель плейлиста для просмотра всех треков

• Кнопка загрузки (): скачать текущий трек

  • Требуется соответствующая подписка или кредиты
  • Показывает индикатор загрузки во время скачивания

• Кнопка развернуть/свернуть (/): показать или скрыть подробную информацию

• Кнопка закрытия (): скрыть плеер

Полоса прогресса

В самом верху плеера расположена интерактивная полоса прогресса:

• Эффект наведения: высота полосы немного увеличивается при наведении курсора
• Клик для перехода: кликните в любом месте полосы, чтобы перейти к этой позиции
• Перетаскивание для перемотки: кликните и перетащите для перемотки трека
• Визуальная обратная связь:
  • Зелёная заливка показывает воспроизведённую часть
  • Оранжевый пульсирующий индикатор появляется во время перемотки

Развёрнутый режим

Нажмите кнопку развёртывания () для доступа к дополнительной информации:

• Информация о композиции: полная информация о треке, включая название и исполнителя
• Сгенерированный промпт: промпт ИИ, использованный для создания этой музыки
• Текст песни: полный текст песни, если доступен

Развёрнутый вид показывает до 311px прокручиваемого контента с чистым, организованным макетом.

Панель плейлиста

Нажмите кнопку плейлиста (), чтобы открыть боковую панель:

Функции

• Список треков: просмотр всех композиций в текущем плейлисте
• Индикатор текущего трека:
  • Зелёная подсветка на воспроизводимом треке
  • Зелёная вертикальная полоса на левом краю
  • Значок воспроизведения/паузы вместо номера трека
• Быстрые действия: кликните на любой трек, чтобы:
  • Если это текущий трек: приостановить/возобновить воспроизведение
  • Если это другой трек: начать воспроизведение немедленно
• Информация о треке: каждый элемент показывает:
  • Номер трека или значок воспроизведения/паузы
  • Обложку альбома
  • Название композиции и исполнителя
  • Продолжительность

Управление плейлистом

• Количество треков: показывает общее количество композиций (например, «12 композиций»)
• Пустое состояние: отображает полезное сообщение, когда плейлист пуст

Режимы воспроизведения

Повтор всех (по умолчанию)

• Воспроизводит все треки по порядку
• Возвращается к первому треку после завершения последнего
• Использует значок

Повтор одного

• Непрерывно повторяет текущий трек
• Использует значок

Случайный порядок

• Воспроизводит треки в случайном порядке
• Использует значок

Функция загрузки

Как загрузить

1. Нажмите кнопку загрузки () на плеере
2. Система проверит ваше право на загрузку
3. Если доступно, загрузка начнётся автоматически

Требования для загрузки

• Бесплатные пользователи: загрузка недоступна
• Пользователи Pro/Ultimate: неограниченные загрузки
• На основе кредитов: 2 кредита за загрузку (при использовании кредитов)

Форматы загрузки

• MP3: доступен для всех подходящих пользователей
• WAV: только для участников Ultimate (более высокое качество)

Сообщения об ошибках

• «Загрузка требует подписки»: обновитесь до Pro или Ultimate
• «Недостаточно кредитов»: приобретите кредиты или дождитесь ежедневного обновления
• «Требуется аутентификация»: пожалуйста, войдите в систему
• «Музыка не найдена»: трек недоступен
• «Генерация не завершена»: дождитесь завершения генерации музыки

Функция локации

Функция локации () помогает вам найти текущий трек в вашей музыкальной библиотеке:

1. Нажмите кнопку локации
2. Приложение переходит на страницу музыкальной библиотеки
3. Автоматически переходит на страницу, содержащую трек
4. Трек выделяется для лёгкой идентификации

Эта функция видна только при воспроизведении из плейлиста с несколькими треками.

Советы и лучшие практики

Клавиатурные сочетания (если реализовано)

• Пробел: воспроизведение/пауза
• Стрелка влево/вправо: перемотка назад/вперёд
• Стрелка вверх/вниз: следующий/предыдущий трек

Адаптивность для мобильных устройств

Плеер полностью адаптивен и подстраивается под разные размеры экрана:

• На мобильных устройствах: компактный макет с основными элементами управления
• На планшетах: стандартный макет со всеми функциями
• На десктопе: полный макет с расширенными элементами управления

Производительность

• Плеер использует оптимизированную потоковую передачу аудио
• Минимальное влияние на производительность страницы
• Плавные анимации и переходы

Устранение неполадок

Плеер не отображается:

• Убедитесь, что вы начали воспроизведение трека
• Проверьте, не был ли плеер закрыт вручную (попробуйте воспроизвести снова)

Аудио не воспроизводится:

• Проверьте громкость устройства и настройки отключения звука
• Убедитесь, что аудиофайл полностью загружен
• Попробуйте обновить страницу

Загрузка не удалась:

• Проверьте статус вашей подписки
• Проверьте баланс кредитов
• Убедитесь, что вы вошли в систему
• Свяжитесь со службой поддержки, если проблемы сохраняются

Расширенные функции

Автоматическое воспроизведение следующего трека

• Автоматически воспроизводит следующий трек при завершении предыдущего
• Работает во всех режимах воспроизведения (повтор, повтор одного, случайный порядок)
• Бесшовные переходы между треками

Сохранение состояния

• Состояние плеера сохраняется при навигации по страницам
• Ваш плейлист остаётся неизменным при просмотре
• Возобновление воспроизведения с места остановки

Многоисточниковое воспроизведение

• Воспроизводит музыку из панели пользователя
• Поддерживает библиотеку музыки администратора
• Поддерживает отдельные контексты для разных источников