自适应卡片媒体元素不显示视频

Question

我正在制作聊天机器人应用程序，我需要在其中播放视频聊天 window 因此我在其中使用了自适应卡和媒体元素。我从 https://adaptivecards.io/designer 复制了 json 并制作了卡片并作为消息活动的附件发送到 client.below 是我的代码 Json代码

{
    "type": "AdaptiveCard",
    "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"
                }
            ]
        }
    ],
    "$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
    "version": "1.1",
    "fallbackText": "This card requires Media to be viewed. Ask your platform to update to Adaptive Cards v1.1 for this and more!"
}

在 C# 中我是这样使用的

string json = "{  '$schema': 'http://adaptivecards.io/schemas/adaptive-card.json',  'type': 'AdaptiveCard',  'version': '1.1',  'fallbackText': 'This card requires Media to be viewed. Ask your platform to update to Adaptive Cards v1.1 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'                }            ]        }    ]}";
AdaptiveCard adaptiveCards = new AdaptiveCard();
adaptiveCards = AdaptiveCard.FromJson(json).Card;

IMessageActivity messageActivity = context.MakeMessage();
var Attach = new Attachment()
{
    ContentType = AdaptiveCard.ContentType,
    Content = adaptiveCards

};
messageActivity.Attachments.Add(Attach);
List<CardAction> lstCard = GetSuggestedActions();

messageActivity.SuggestedActions = new SuggestedActions()
{
    Actions = lstCard
};
await context.PostAsync(messageActivity);

但是当我在机器人模拟器上和部署后对其进行测试时，它没有显示任何内容。我在 bot emulatot 上注意到一件事，它给了我错误

**[err-client] 未捕获类型错误：无法读取属性 'querySelectorAll' of null C:\Users\amit.yadav\AppData\Local\botframework\app-3.5.29\resources\app\node_modules\rxjs\Subscriber .js 227 13 {} ** 输出如下所示

请在我做错的地方帮助我，在此先感谢。

Answer 1

尝试升级到最新版本的模拟器：https://github.com/Microsoft/BotFramework-Emulator/releases/tag/v4.4.1

虽然网络聊天目前似乎在自适应卡片中显示媒体时出现问题，但您可以同时尝试视频卡，如果这有助于解除封锁：https://docs.microsoft.com/en-us/dotnet/api/microsoft.bot.schema.videocard

自适应卡片媒体元素不显示视频

Adaptive card media element not showing video

c#

chatbot

botframework

adaptive-cards