自定义 CAF 接收器和内置幻灯片问题答案

【问题标题】：Custom CAF Receiver and built-in slideshow issues自定义 CAF 接收器和内置幻灯片问题
【发布时间】：2019-03-19 21:13:36
【问题描述】：

我们目前正在开发自定义 CAF 接收器应用程序。我们想使用内置的幻灯片功能来宣传我们的一些内容（请参阅：https://developers.google.com/cast/docs/caf_receiver_features#slideshow）。但是，当 Receiver 启动时，只显示初始屏幕而不显示幻灯片。幻灯片仅在启动至少一个视频后返回空闲状态时才有效。有没有办法在接收器启动后立即显示幻灯片？如果是怎么办？

另外，我们注意到 --playback-logo-image（参见：https://developers.google.com/cast/docs/caf_receiver_features#styling-the-player）总是隐藏的？这应该显示在电视上，还是支持触摸屏的 Chromecast 接收器的专用资产？

谢谢！

【问题讨论】：

您可以添加任何详细信息，例如：使用的代码，遇到的错误问题吗？ How do I ask a good question?, How to create a Minimal, Complete, and Verifiable example 向社区展示你的尝试。

标签： google-cast custom-receiver

【解决方案1】：

我们遇到了类似的类型问题。在用户处于空闲状态之前，我们看不到幻灯片。在幻灯片开始之前，我们还会看到背景图像或启动图像 10 秒左右。这是我在示例应用程序中的内容。

<style>
body {
  /*--background-image: url('./images/bg_loading.jpg');*/
  --slideshow-interval: 5s;
  --slideshow-duration: 1s;
  --slideshow-image-1: url('./images/bg_idle_1.jpg');
  --slideshow-image-2: url('./images/bg_idle_2.jpg');
  --slideshow-image-3: url('./images/bg_idle_3.jpg');
  --logo-image: url('./images/bg_loading.jpg');
  --playback-logo-image: url('./images/icon_logo_small.svg');
  --splash-image: url('./images/bg_loading.jpg');
}
#video-holder {
  --theme-hue: 100;
  --progress-color: #FFFFFF;
  --pause-image: url('./images/icon_pause.svg');
  --spinner-image: url('./images/icon_loading.svg');
}

我也无法让徽标图像出现在任何地方。当涉及到应该将 CSS 样式与哪些元素相关联时，文档非常不清楚。

【讨论】：