Перейти к основному содержимому

AudioPlayer

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

Добавление виджета AudioPlayer​

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

  1. Перетащите виджет AudioPlayer из вкладки Base Elements (в панели виджетов) или добавьте его напрямую из дерева виджетов.
  2. Перейдите в панель свойств (справа от вашего экрана) и прокрутите вниз до раздела Audio Options.
  3. Найдите свойство Title и введите значение для отображения заголовка аудио. Вы также можете установить его из переменной, такой как переменная состояния приложения, переменная ответа API, документ Firestore и др. Для этого нажмите на Set from Variable.
  4. Найдите свойство Path и введите URL для нового аудиофайла.
  5. По умолчанию аудио останавливается, когда вы переходите на другую страницу, используя свойство Pause on Forward Navigation.
  6. Когда приложение переходит в фоновый режим во время воспроизведения аудио, вы можете контролировать поведение аудиоплеера с помощью свойства Play in Background, которое имеет следующие варианты:
    1. Enabled: Это позволяет аудиоплееру продолжать воспроизведение.
    2. Disabled, restore on foreground: Это приостанавливает аудиоплеер и возобновляет воспроизведение сразу же, как только приложение становится видимым.
    3. Disabled, pause: Это останавливает аудиоплеер сразу же, как только приложение переходит в фоновый режим.
к сведению

По умолчанию каждый виджет AudioPlayer, добавленный в проект, будет воспроизводить образец аудиофайла с сетевого URL-адреса.

Использование аудио из активов​

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

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

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

к сведению

После загрузки аудиофайла, вы можете использовать его во всем приложении. Вы можете управлять загруженными аудиофайлами с помощью менеджера медиа-активов проекта.

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

  1. Выберите виджет AudioPlayer из дерева виджетов или области холста.
  2. Перейдите в панель свойств (справа от вашего экрана) и прокрутите вниз до раздела Audio Options.
  3. Найдите выпадающий список Audio Type и выберите Asset.
  4. Нажмите на No asset select (внутри выпадающего списка) и выберите аудио.

Настройка​

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

Изменение цветов​

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

  1. Выберите виджет AudioPlayer из дерева виджетов или области холста.
  2. Перейдите в панель свойств (справа от вашего экрана) и прокрутите вниз до раздела Audio Player Properties.
  3. Чтобы изменить цвет фона плитки, найдите свойство Fill Color, щелкните на поле рядом с уже выбранным цветом, выберите цвет и затем нажмите Use Color или щелкните на уже выбранном цвете и введите код Hex непосредственно. Также вы можете выбрать цвет, щелкнув кнопки Palette и Simple.
  4. Точно так же вы можете изменить Playback Button Color (кнопки воспроизведения и паузы) и Active Track Color (цвет полосы, показывающей прогресс текущего воспроизводимого аудио).

Изменение уровня​

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

  1. Выберите виджет AudioPlayer из дерева виджетов или области холста.
  2. Перейдите в панель свойств (справа от вашего экрана) и прокрутите вниз до раздела Audio Player Properties.
  3. Найдите поле ввода Elevation и введите значение, чтобы увидеть эффект тени ниже знака. Большее значение устанавливает больший размер тени, в то время как значение 0 удаляет тень.

Стилизация текста заголовка​

Для изменения стиля текста заголовка:

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

Стилизация текста продолжительности воспроизведения​

Для изменения стиля текста продолжительности воспроизведения:

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