Javascript 在Chromecast&x27上显示图像；s定制接收器

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

现在经过一些测试和研究，我了解到示例自定义接收器没有任何内置的图像显示功能，我必须自己编写逻辑

然而，提供的文档（和）对我的理解不够清晰，我没有得到我需要实现的内容和不必要的内容。它只解释函数的作用，而不解释何时应该使用它们

所以我的理解是：

• 我必须在html文件中放置一个
  标记来显示图像
• 显示图像时没有状态
• 操作图像时，功能非常有限

根据我对代码的理解，在

sampleplayer.CastPlayer

构造函数中，我们创建了如下mediaElement:

this.mediaElement=（this.element.querySelector（'video'）

然后，我们使用它来创建mediaManager:

this.mediaManager=new cast.receiver.mediaManager（this.mediaElement_u）

但是我该如何包含图像部分呢？我是否应该以与mediaElement相同的方式创建类似于
this.imageElement 
的东西？

那么我应该向媒体管理器传递什么信息呢？

我是否必须为图像创建第二个管理器

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

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构造函数中，您应该：

-添加此项。

-修改它。

添加一个函数以显示图像

创建一条消息总线，如下所示：______

太棒了：）

Thx。您的html标记是否有一些与之关联的
id
？像这样的
，在您给出的示例中，id将是
androidImage
，因此基本上您正在抓取文档
id
，并替换作为图像源的
src
，我想它将有一个id来替换其src yes。我不明白的是：如何将这个img元素发送给mediaManager，以便它在接收数据时能够处理它？