You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

关于Alexa Skill在Alexa配套应用中渲染展示卡片的图片添加与移除问询

Alexa展示卡片:添加图片/彻底移除的实用方法

嘿,针对你提出的两个需求,我整理了具体的实现方案,你可以按需参考:

一、给Alexa展示卡片添加图片

要给卡片加图片,核心是用Standard类型的卡片(Basic卡片不支持图片),步骤如下:

  • 先确认你的技能已经开启了Display Interface(展示接口):登录Alexa开发者控制台,找到你的技能,在「Build」标签下的「Interfaces」里开启这个选项。
  • 然后在代码里构建Standard卡片并添加图片链接,这里用Node.js的ASK SDK举个例子:
const { responseBuilder } = handlerInput;

// 构建带图片的Standard卡片
return responseBuilder
    .speak("这是一张带图片的卡片哦")
    .withStandardCard(
        "旅行推荐", // 卡片标题
        "今天推荐去海边散步,天气超棒!", // 卡片文本内容
        "https://example.com/seaside-small.jpg", // 小尺寸图片(建议720x480)
        "https://example.com/seaside-large.jpg" // 大尺寸图片(建议1200x800)
    )
    .getResponse();
  • 注意事项:图片必须是公开可访问的HTTPS链接,尺寸要符合Alexa的要求,不然会出现加载失败的情况。

二、彻底移除展示卡片

如果想完全去掉卡片展示,操作更简单:

  • 直接删除代码中所有和卡片相关的构建逻辑:比如之前用了.withBasicCard()或者.withStandardCard()这类方法,把这些代码行删掉就行。
  • 如果你的技能没有主动生成卡片的代码,那默认就不会展示卡片;要是测试时还能看到旧卡片,重启Alexa设备或者在Alexa APP里刷新技能页面就能清掉缓存。

内容的提问来源于stack exchange,提问作者fdistorted

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.27 09:24:44