在Chromecast的自定义接收器

Question

我目前正在尝试在基于Chromecast的项目上制作自己的自定义接收器。在考虑从头开始构建它之后，我选择使用提供的示例here，因为我是JS的初学者，而且我找不到任何关于如何构建它的指南或教程。

经过一些测试和研究后，我明白样本定制接收器没有内置任何图像显示功能，我必须自己编写逻辑。

但是，提供的文档（here和there）对我的理解不够明确，而且我没有得到我需要实施的内容以及什么不是必要的。它只解释了什么功能，但不能解释你应该使用它们。

所以我理解的是：

• 我必须在html文件中放置一个<img src="" />标记来显示图像。
• 显示图像时没有状态
• 操作图像时功能非常有限

根据我对代码的理解，在sampleplayer.CastPlayer构造函数中，我们创建了mediaElement_，如下所示：this.mediaElement_ = (this.element_.querySelector('video'));。

然后我们用它来创建mediaManager_：
this.mediaManager_ = new cast.receiver.MediaManager(this.mediaElement_);。

但是我该怎么做才能包含图像部分？我应该以与mediaElement相同的方式创建类似this.imageElement_的内容吗？ 然后我将什么传递给mediaManager_？
我是否必须仅为图像创建第二个管理器？

我读到有人写了这样的函数：

sampleplayer.CastPlayer.prototype.loadImage_ = function(info) {
    this.log_('loadImage_');
    var url = info.message.media.contentId;
    document.getElementById("androidImage").src=url;
    this.setState_(sampleplayer.State.PLAYING, true); //That's not good according to answers
};

它似乎对他有用，但我不知道他在其余的代码中做了什么......

这对你来说可能看起来很愚蠢，但我不清楚。

你能帮我弄清楚我必须实施的步骤/功能吗？ 答案如下：

  

在CastPlayer构造函数中，您应该：
   - 加上这个。
   - 修改。
  添加____功能以显示图像
  像这样创建一条消息总线：______

太棒了:)。

提前谢谢。