Аудиоплеер

Виджет AudioPlayer воспроизводит аудио из загруженных активов или URL-ссылки.

Вот как вы можете добавить виджет AudioPlayer в свой проект:

• Перетащите виджет AudioPlayer с вкладки Base Elements (в панели виджетов) или добавьте его непосредственно из дерева виджетов.
• Перейдите на панель свойств (в правой части экрана) и прокрутите вниз до раздела Audio Options.
• Найдите свойство Title и введите значение для отображения заголовка аудио. Вы также можете задать его из переменной, например, локальной переменной состояния, переменной ответа API, документа Firestore и др.
• Для этого нажмите на Set from Variable.
• Найдите свойство Path и введите URL для нового аудиофайла.

По умолчанию виджет настроен на воспроизведение аудио из Интернета. Однако вы можете изменить эту настройку, чтобы использовать аудио, загруженное непосредственно в ваше приложение.

Вот как можно изменить тип аудио:

• Выберите виджет AudioPlayer в дереве виджетов или в области холста.
• Перейдите к панели свойств (в правой части экрана) и прокрутите вниз до раздела «Параметры аудио«.
• Найдите выпадающий список Audio Type и выберите Asset.
• Теперь найдите свойство Asset Audio, нажмите кнопку Upload Audio, выберите аудио и загрузите его.

Чтобы использовать загруженное аудио:

• Выберите виджет AudioPlayer в дереве виджетов или в области холста.
• Перейдите к панели свойств (в правой части экрана) и прокрутите вниз до раздела «Параметры аудио«.
• Найдите выпадающий список «Тип аудио» и выберите «Актив«.
• Нажмите на No asset select (внутри раскрывающегося списка) и выберите аудио.

Чтобы воспроизвести аудиофайл из данных Firestore, убедитесь, что вы:

• Понимаете структурирование базы данных Firebase.
• Выполнили все шаги в разделе «Настройка Firebase» для вашего проекта.
• Извлекли данные из коллекции или документа.
• Наконец, чтобы установить URL-адрес аудио из документа Firestore, выполните следующие шаги.

Вы можете настроить внешний вид этого виджета с помощью различных свойств, доступных на панели свойств.

Чтобы изменить цвета аудиоплитки:

• Выберите виджет AudioPlayer в дереве виджетов или в области холста.
• Перейдите на панель свойств (в правой части экрана) и прокрутите вниз до раздела Свойства аудиоплеера.
• Чтобы изменить цвет фона плитки, найдите свойство Fill Color (Цвет заливки), нажмите на поле рядом с уже выбранным цветом, выберите цвет, а затем нажмите Use Color (Использовать цвет) или нажмите на уже выбранный цвет и введите шестнадцатеричный код напрямую. Вы также можете выбрать цвет, нажав кнопку Палитра и просто.
• Аналогичным образом можно изменить цвет кнопки воспроизведения (кнопка воспроизведения и паузы) и цвет активной дорожки (цвет полосы, которая показывает прогресс воспроизведения текущего аудио).

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

Чтобы изменить высоту (глубину или ось Z) аудиоплитки:

• Выберите виджет AudioPlayer в дереве виджетов или в области холста.
• Перейдите на панель свойств (в правой части экрана) и прокрутите вниз до раздела Свойства аудиоплеера.
• Найдите поле ввода Elevation и введите значение, чтобы увидеть эффект падающей тени под значком.
• Значение Больше задает больший размер тени, в то время как значение 0 убирает тень.

Чтобы изменить стиль текста заголовка:

• Выберите виджет AudioPlayer в дереве виджетов или в области холста.
• Перейдите к панели свойств (в правой части экрана) и прокрутите вниз до раздела «Стиль текста заголовка«.
• Найдите свойство Theme Text Style и измените стиль в соответствии с инструкциями здесь.

Чтобы изменить стиль текста длительности воспроизведения:

• Выберите виджет AudioPlayer в дереве виджетов или в области холста.
• Перейдите к панели свойств (в правой части экрана) и прокрутите вниз до раздела Playback Duration Text Style.
• Найдите свойство Theme Text Style и измените стиль в соответствии с инструкциями здесь.

Инструкции по отображению/скрытию виджета находятся здесь.