Elementos de mídia no Cartão Adaptável

  • Artigo

Os elementos de mídia no Cartão Adaptável fornecem uma experiência de mídia aprimorada e aumenta o envolvimento com o Cartão Adaptável. Você pode adicionar arquivos de mídia, como clipes de áudio ou vídeo ao cartão adaptável.

O Cartão Adaptável reproduz os clipes de vídeo ou áudio acessando os arquivos de mídia disponíveis no OneDrive ou no SharePoint. Você pode exibir os arquivos de mídia dentro do Cartão Adaptável no Teams.

A captura de tela a seguir mostra os elementos de mídia em seu Cartão Adaptável:

Observação

Para clientes da área de trabalho, os cartões adaptáveis dão suporte à reprodução em tela inteira e embutida, enquanto para clientes móveis, a experiência é limitada a PiP (tela inteira e imagem em imagem) (o que permite que você watch vídeo na janela flutuante ao abrir os outros aplicativos).

Adicionar elementos de mídia ao cartão adaptável

Você pode adicionar arquivos de mídia a um cartão adaptável existente ou novo usando o Portal do Desenvolvedor do Teams ou Designer de Cartão Adaptável. Para adicionar arquivos de mídia ao Cartão Adaptável, siga as etapas:

  1. Adicione seus arquivos de mídia ao OneDrive ou Ao SharePoint.

  2. Crie um link ou URL de compartilhamento para um DriveItem. Você também pode obter um link ou URL usando as opções Compartilhar, Copiar ou Copiar no momento do OneDrive ou do SharePoint.

    A captura de tela mostra de onde você pode usar um link.

    Observação

    O Cartão Adaptável não dá suporte a links de arquivo de mídia ou URL copiados diretamente da barra de endereços.

  3. Abra um cartão adaptável existente ou crie um novo Cartão Adaptável usando o Portal do Desenvolvedor do Teams ou Designer de Cartão Adaptável.

  4. No painel esquerdo, em Elementos, selecione Mídia e adicione-a ao cartão adaptável.

    A captura de tela mostra o Cartão Adaptável com elementos de mídia.

  5. Em Título de estrutura de cartão personalizado, selecione Mídia. A janela PROPRIEDADES DO ELEMENTO é exibida.

  6. Na seção PROPRIEDADES DO ELEMENTO , atualize os seguintes campos:

    • Na seção Fontes, insira sua URL de arquivo de mídia na URL.
    • Na seção Mídia , insira URL de imagem na URL do Pôster. Para obter mais informações, consulte Mídia cartões adaptáveis.

    A captura de tela mostra o esquema Cartão Adaptável com elementos de mídia.

    Observação

    Há suporte para URL de pôster somente para clientes móveis.

  7. Selecione Salvar e, em seguida, selecione Enviar-me este cartão.

    Captura de tela mostra como salvar seu cartão Adaptável e enviá-lo para o Teams

    Seu Cartão Adaptável com arquivo de mídia é salvo com êxito e enviado para o chat do Teams. Agora, você pode reproduzir seu arquivo de mídia em seu Cartão Adaptável.

    A captura de tela mostra o cartão adaptável com arquivos de mídia no chat do Teams.

Exemplo

O código a seguir mostra um exemplo de um Cartão Adaptável com elementos de mídia:

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

Limitações

  • O Cartão Adaptável dá suporte apenas aos arquivos de mídia carregados no SharePoint ou no OneDrive.
  • Verifique se os usuários têm acesso aos arquivos de mídia disponíveis no SharePoint ou no OneDrive.

Exemplos de código

Nome do exemplo Descrição .NET
Elementos de mídia no Cartão Adaptável Este exemplo mostra como o usuário pode enviar Cartões Adaptáveis com arquivos de mídia. Exibir

Confira também