Элементы мультимедиа в адаптивной карточке

  • Статья

Элементы мультимедиа в адаптивной карточке обеспечивают расширенные возможности мультимедиа и повышают вовлеченность с адаптивной карточкой. В адаптивную карточку можно добавить файлы мультимедиа, такие как аудио- или видеоклипы.

Адаптивная карточка воспроизводит видео или аудиоклипы, доступ к файлам мультимедиа, доступным в OneDrive или SharePoint. Файлы мультимедиа можно просматривать в адаптивной карточке в Teams.

На следующем снимке экрана показаны элементы мультимедиа в адаптивной карточке:

Примечание.

Для классических клиентов адаптивные карточки поддерживают встроенное и полноэкранное воспроизведение, тогда как для мобильных клиентов интерфейс ограничен полноэкранным режимом и изображением в картинке (PiP) (что позволяет watch видео в плавающем окне при открытии других приложений).

Добавление элементов мультимедиа в адаптивную карточку

Файлы мультимедиа можно добавить в существующую или новую адаптивную карточку с помощью портала разработчика Teams или Designer адаптивной карточки. Чтобы добавить файлы мультимедиа в адаптивную карточку, выполните следующие действия:

  1. Добавьте файлы мультимедиа в OneDrive или SharePoint.

  2. Создайте ссылку для общего доступа или URL-адрес для Элемента DriveItem. Вы также можете получить ссылку или URL-адрес с помощью параметров Общий доступ, Копировать илиКопировать ссылку в текущее время в OneDrive или SharePoint.

    Снимок экрана: где можно взять ссылку.

    Примечание.

    Адаптивная карточка не поддерживает ссылки на файлы мультимедиа или URL-адреса, которые копируются непосредственно из адресной строки.

  3. Откройте существующую адаптивную карточку или создайте новую адаптивную карточку с помощью портала разработчика Teams или адаптивной карточки Designer.

  4. В области слева в разделе Элементы выберите Элемент Мультимедиа и добавьте его в адаптивную карточку.

    Снимок экрана: адаптивная карточка с элементами мультимедиа.

  5. В разделе Заголовок настраиваемой структуры карта выберите Мультимедиа. Откроется окно СВОЙСТВА ЭЛЕМЕНТА .

  6. В разделе СВОЙСТВА ЭЛЕМЕНТА обновите следующие поля:

    • В разделе Источники введите URL-адрес файла мультимедиа в поле URL-адрес.
    • В разделе Мультимедиа введите URL-адрес изображения в поле URL-адрес плаката. Дополнительные сведения см. в разделе Мультимедиа адаптивных карточек.

    Снимок экрана: схема адаптивной карточки с элементами мультимедиа.

    Примечание.

    URL-адрес плаката поддерживается только для мобильных клиентов.

  7. Нажмите кнопку Сохранить, а затем выберите Отправить мне этот карта.

    Снимок экрана: сохранение адаптивного карта и его отправка в Teams

    Адаптивная карточка с файлом мультимедиа успешно сохранена и отправлена в чат Teams. Теперь вы можете воспроизвести файл мультимедиа в адаптивной карточке.

    Снимок экрана: адаптивный карта с файлами мультимедиа в чате Teams.

Пример

В следующем коде показан пример адаптивной карточки с элементами мультимедиа:

{
  "$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
  "type": "AdaptiveCard",
  "version": "1.6",
  "fallbackText": "This card requires CaptionSource to be viewed. Ask your platform to update to Adaptive Cards v1.6 for this and more!",
  "body": [
    {
      "type": "Media",
      "poster": "https://adaptivecards.io/content/poster-video.png",
      "sources": [
    {
          "mimeType": "video/mp4",
          "url": "https://adaptivecardsblob.blob.core.windows.net/assets/AdaptiveCardsOverviewVideo.mp4"
    }
      ]
    }
  ]
}

Ограничения

  • Адаптивная карточка поддерживает только файлы мультимедиа, отправленные в SharePoint или OneDrive.
  • Убедитесь, что пользователи имеют доступ к файлам мультимедиа, доступным в SharePoint или OneDrive.

Примеры кода

Название примера Описание .NET
Элементы мультимедиа в адаптивной карточке В этом примере показано, как пользователь может отправлять адаптивные карточки с файлами мультимедиа. Просмотр

См. также