Google 卡片轮播响应的操作：图片未显示

Question

这是我从 webhook 发送的响应：

conv.ask(new Carousel({
    title: 'Carousel Title',
    items: {
      'AU': {
        title: 'Australia',
        subtitle: '',
        image: new Image({
          url: 'https://blocky-host-files.web.app/dc_graphics/au.png',
          alt: 'Australia graphic',
        }),
      },
      'CA_US': {
        title: 'Americas',
        subtitle: 'Canada / United States',
        image: new Image({
          url: 'https://blocky-host-files.web.app/dc_graphics/ca_us.png',
          alt: 'Canada United States graphic',
        }),
      },
      'EU': {
        title: 'Europe',
        subtitle: '',
        image: new Image({
          url: 'https://blocky-host-files.web.app/dc_graphics/eu.png',
          alt: 'Europe graphic',
        }),
      }
    }
}));

这是我的 phone 上的样子：

我不明白为什么没有显示图像。它们也没有显示在我的 Google Home Hub 上。

但是，Google 模拟器上的操作会显示我的图像。

Answer 1

我认为您的问题出现有两个可能的原因：

您使用的平台（块状主机）可能有问题。可能是这个平台不支持显示轮播，请检查，如果你能在这个平台上显示卡片。如果不是 - 那么您使用的平台有问题
可能是网络问题

您可以尝试在请求中查看表面能力。它可以帮助

Answer 2

将图像移动到不同的主机 (imgur) 后，它现在可以工作了。我以前使用 Firebase Hosting 来托管图像，但不知何故 Google 无法从它自己的平台获取这些图像，即使它们 public 可访问。

Google 卡片轮播响应的操作：图片未显示

Actions on Google card carousel response: Images not being displayed

actions-on-google

dialogflow-es

dialogflow-es-fulfillment