CMS: Подключение аудиоплеера Wix к коллекции

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

Шаг 1 | Создайте коллекцию

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

Чтобы создать коллекцию:

  1. Перейдите в CMS в панели управления сайтом.
  2. Нажмите на соответствующую категорию.
  3. Нажмите Создать коллекцию.
  4. Введите название коллекции и нажмите Создать
  5. Нажмите Редактировать поля.
  6. Нажмите + Добавить поле.
  7. В раскрывающемся списке Тип поля выберите Аудио.
  8. Введите имя для этого поля.
  9. (Необязательно) Обновите Идентификатор поля и добавьте текст справки, который отображается только в вашей коллекции.
  10. Нажмите Сохранить
  11. Нажмите + Добавить элемент, чтобы добавить новую строку, в которую вы добавите свой первый аудиофайл. 
  12. Нажмите на поле в разделе Аудио, затем нажмите значок Добавить трек .
  13. Загрузите аудиофайл, который хотите использовать, и нажмите Добавить трек
  14. Введите название трека в поле Название
  15. Нажмите + Добавить элемент, чтобы продолжить добавление любого количества файлов в коллекцию.
    Совет: вы также можете нажать значок Добавить поле чтобы добавить больше деталей в вашу коллекцию (например, исполнитель, жанр, обложка). 
Скриншот коллекции, содержащей звуковые дорожки и информацию о дорожке. Также отображается панель «Управление полями».

Шаг 2 | Добавьте набор данных

Теперь вы закончили настройку коллекции, следующим шагом будет добавление набора данных и его подключение к вашей коллекции.
Новый интерфейс с наборами данных:
В Wix Studio мы переместили наборы данных в панель инспектора справа, чтобы вам было проще использовать их. Подробнее о новых наборах данных в Wix Studio

Чтобы добавить набор данных:

  1. Перейдите к CMS в редакторе:
    • Редактор Wix: нажмите на значок CMS  слева от редактора.
    • Editor X: нажмите на значок CMS  в верхней части Editor X.
  2. Нажмите во вкладку Элементы контента
  3. Нажмите значок Добавить рядом с набором данных.  
  4. Нажмите Настроить в наборе данных.
  5. Нажмите на выпадающий список Подключить коллекцию и выберите свою новую коллекцию.
Скриншот набора данных на странице с открытой панелью настроек набора данных.

Шаг 3 | Добавьте и подключите аудиоплеер к набору данных

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

Чтобы добавить и подключить аудиоплеер:

  1. Перейдите в панель Добавить:
    • Редактор Wix: нажмите Добавить элементы в левой части редактора.
    • Редактор X: нажмите Добавить элементы в верхней части Editor X.
  2. Нажмите Видео и аудио.
  3. Нажмите Аудиоплееры.
  4. Нажмите и перетащите на свою страницу аудиоплеер.
  5. Нажмите Подключить к данным .
    Примечание: параметры подключения различаются в зависимости от типа выбранного аудиоплеера.
  6. Нажмите на раскрывающийся список Подключить набор данных и выберите набор данных, к которому вы хотите подключить аудиоплеер.
  7. В разделе Параметры подключения подключите нужные параметры к полям в коллекции. 
Скриншот аудиоплеера на странице с открытой панелью «Подключиться к данным» и настроенными параметрами подключения.

Шаг 4 | Настройте фильтр в наборе данных

Используйте фильтр в наборе данных, чтобы выбрать трек, который воспроизводится в аудиоплеере. В этом случае мы используем название трека в фильтре.

Чтобы настроить фильтр:

  1. Нажмите на набор данных на странице.
  2. Нажмите Настроить
  3. Нажмите + Добавить фильтр.
  4. В раскрывающемся списке Поле выберите поле, содержащее название вашего трека. В этом случае мы выбираем Название трека (текст).
  5. В раскрывающемся списке Условие выберите Содержит.
  6. В поле Значение введите слово или фазу, уникальные для трека, который вы хотите воспроизвести.
  7. Нажмите Добавить фильтр.
  8. Нажмите Предпросмотр, чтобы услышать, как работает аудиоплеер.
Снимок экрана панели настроек набора данных с отображаемыми параметрами фильтра.

Была ли статья полезна?

|