Medienelemente in adaptiver Karte

  • Artikel

Medienelemente in adaptiver Karte bieten eine verbesserte Medienerfahrung und erhöhen die Interaktion mit der adaptiven Karte. Sie können Ihrer adaptiven Karte Mediendateien wie Audio- oder Videoclips hinzufügen.

Adaptive Karte gibt die Video- oder Audioclips wieder, indem sie auf die in OneDrive oder SharePoint verfügbaren Mediendateien zugreift. Sie können die Mediendateien auf der adaptiven Karte in Teams anzeigen.

Der folgende Screenshot zeigt die Medienelemente in Ihrer adaptiven Karte:

Hinweis

Für Desktopclients unterstützen adaptive Karten inline- und Vollbildwiedergabe, während die Benutzeroberfläche für mobile Clients auf Vollbild und Bild-in-Bild (PiP) beschränkt ist (wodurch Sie Videos im unverankerten Fenster watch können, wenn Sie die anderen Apps öffnen).

Hinzufügen von Medienelementen zu Ihrer adaptiven Karte

Sie können mediendateien zu einer vorhandenen oder neuen adaptiven Karte hinzufügen, indem Sie das Teams-Entwicklerportal oder adaptive Karten Designer verwenden. Führen Sie die folgenden Schritte aus, um Ihrer adaptiven Karte Mediendateien hinzuzufügen:

  1. Fügen Sie Ihre Mediendateien oneDrive oder SharePoint hinzu.

  2. Erstellen Sie einen Freigabelink oder eine URL für ein DriveItem-Objekt. Sie können einen Link oder eine URL auch über die Optionen Zumaktuellen Zeitpunkt freigeben, Link kopieren oder Link kopieren von OneDrive oder SharePoint abrufen.

    Der Screenshot zeigt, von wo aus Sie einen Link erstellen können.

    Hinweis

    Adaptive Karte unterstützt keine Mediendateilinks oder URL, die direkt aus der Adressleiste kopiert werden.

  3. Öffnen Sie eine vorhandene adaptive Karte, oder erstellen Sie eine neue adaptive Karte mithilfe des Teams-Entwicklerportals oder der adaptiven Karte Designer.

  4. Wählen Sie im linken Bereich unter Elemente die Option Medien aus, und fügen Sie es Ihrer adaptiven Karte hinzu.

    Screenshot: Adaptive Karte mit Medienelementen

  5. Wählen Sie unter Benutzerdefinierter Karte Strukturtiteldie Option Medien aus. Das Fenster ELEMENTEIGENSCHAFTEN wird angezeigt.

  6. Aktualisieren Sie im Abschnitt ELEMENT PROPERTIES die folgenden Felder:

    • Geben Sie im Abschnitt Quellen ihre Mediendatei-URL in die URL ein.
    • Geben Sie im Abschnitt Medien die Bild-URL in die Poster-URL ein. Weitere Informationen finden Sie unter Adaptive Kartenmedien.

    Screenshot: Schema für adaptive Karten mit Medienelementen

    Hinweis

    Poster-URL wird nur für mobile Clients unterstützt.

  7. Wählen Sie Speichern und dann Diese Karte senden aus.

    Screenshot: Speichern der adaptiven Karte und Senden an Teams

    Ihre adaptive Karte mit Mediendatei wurde erfolgreich gespeichert und an Ihren Teams-Chat gesendet. Jetzt können Sie Ihre Mediendatei auf Ihrer adaptiven Karte wiedergeben.

    Screenshot: Adaptive Karte mit Mediendateien im Teams-Chat

Beispiel

Der folgende Code zeigt ein Beispiel für eine adaptive Karte mit Medienelementen:

{
  "$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"
    }
      ]
    }
  ]
}

Begrenzungen

  • Adaptive Karte unterstützt nur die Mediendateien, die in SharePoint oder OneDrive hochgeladen wurden.
  • Stellen Sie sicher, dass die Benutzer Zugriff auf die in SharePoint oder OneDrive verfügbaren Mediendateien haben.

Codebeispiele

Beispielname Beschreibung .NET
Medienelemente in adaptiver Karte In diesem Beispiel wird gezeigt, wie Benutzer adaptive Karten mit Mediendateien senden können. Anzeigen

Siehe auch