自定义接收器中专辑封面图像的奇怪渲染

Question

我开发了一个自定义接收器，效果很好，但是专辑封面图像上的图形渲染看起来很奇怪。我也尝试了 "styled media receiver"，只是为了确保我没有搞砸任何东西 - 同样的结果。

还有其他人看到这个（查看下图）吗？频道标志为透明PNG。

Screenshot of bug

Answer 1

请分享您的代码。没有任何代码要审查，很难知道。您是否按照 https://developers.google.com/cast/docs/caf_receiver/customize_ui 上关于接收器应用程序的官方指南进行操作？您还需要检查您的发件人申请。

Answer 2

问题似乎与 cssText 有关属性 - 删除它，修复了渲染问题：

var fixDoubleLogoBug = function(){
    try {
        document.querySelector("#player")
        .shadowRoot
        .querySelector("#castMetadataImage").style.cssText = "";
    }catch(e){
        console.warn("Could not remove logo");
    }
}

Answer 3

let shadowRootElement = document.querySelector( 'cast-media-player' ).shadowRoot;
let style = document.createElement( 'style' );
style.innerHTML = '#castMetadataImage { background-image: none !important; }';
shadowRootElement.appendChild( style )

运行在播放器初始化后立即执行此操作，应该可以解决问题。

自定义接收器中专辑封面图像的奇怪渲染

Weird rendering of the album-art-image in custom receiver

google-cast