我正在使用 chromecast SDK 3.0 并想创建自定义接收器。它适用于视频和音频，但在图像转换方面存在问题。
在html文件中:
<body style="margin: 0">
<img id="androidImage" src="" />
...
在js文件中:
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);
};
通过这样的实现，图像出现在一秒钟内并随着替换为背景图像而消失。图像也以不正确的尺寸显示。为了设计比例类型，我使用了这样的代码:
<style>
img#androidImage {
height:100%;
width:100%;
}
</style>
有人有意见吗？谢谢!
最佳答案
在没有“播放”状态的意义上，图像处理不同于视频和音频。由于图像由 html 图像标签处理，因此没有与之关联的事件(在视频/音频的情况下，Media 元素会生成 Cast SDK 接入的许多事件)。所以不要试图在接收方设置图像的状态。您可以选择使用以最基本的方式处理图像的默认/样式接收器。如果你想写一个自定义接收器，你可以简单地使用自定义命名空间将图像 url 发送到你的接收器，并在接收器端获取 url 并填充一个图像标签(类似于你正在尝试的)；无需为围绕其他类型媒体的接收器 SDK 的其他方面而烦恼。最后一件事:如果您打算添加幻灯片功能、花哨的过渡等，您将无法对图像做很多事情；您可以一张一张地显示图像，淡出一个并淡出下一个(以产生更令人愉悦的过渡)。
关于javascript - 自定义接收器无法正确显示图像，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/40439425/