カスタム受信者が画像を正しく表示しない

私はchromecast SDK 3.0を使用しており、カスタム受信者を作成したいと考えています。ビデオとオーディオではうまく動作しますが、画像のキャストには問題があります。カスタム受信者が画像を正しく表示しない

<body style="margin: 0"> 
     <img id="androidImage" src="" /> 
...

でJSファイル：HTMLファイルの
そのような実装画像と

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); 
};

1秒間に表示され、背景画像に置き換えることで消失します。また、イメージは不適切なフィットサイズで表示されます。縮尺のスタイルを変更するには、次のコードを使用しています。

<style> 
     img#androidImage { 
     height:100%; 
     width:100%; 
     } 
    </style>

誰かに入力がありますか？ありがとう！

出典

2016-11-05 MSerg

ブラウザで正しく動作しますか？本体がブラウザビューポートの高さの100％でない場合、画像は100％の高さに拡大縮小することはできません。速い修正は通常説明のために身体とhtmlの100％に同様に – ilwcss

イメージ処理は、「再生」状態がないという意味で、ビデオおよびオーディオとは異なります。イメージはhtmlイメージタグで処理されるため、関連するイベントはありません（ビデオ/オーディオの場合、Media要素はCast SDKがタップするいくつかのイベントを生成します）。受信側で画像の状態を設定しないでください。あなたは、最も基本的な方法でイメージを扱うデフォルト/スタイルレシーバを使用するオプションがあります。カスタムレシーバを作成したい場合は、カスタム名前空間を使用してイメージURLをレシーバ側とレシーバ側に送信し、URLを取得して画像タグを入力するだけです（試みているのと同様）。他のタイプのメディアの周りにある受信機SDKの他の側面を気にする必要はありません。ひとつ最後のこと：スライドショー機能やファンシーなトランジションなどを追加しようとしている場合は、画像ではあまり働かないでしょう。画像を1枚ずつ表示したり、1枚ずつフェードアウトしたり、次のフェードアウトしたりすることができます。

出典

2016-11-05 17:07:57

thnxにhightを設定しています。問題はhtmlレイアウトにありました。私たちの場合、イメージタグはプレーヤーの下に置かれる必要があり、その位置は '絶対'に設定されるべきです。 – MSerg

カスタム受信者が画像を正しく表示しない

答えて

関連する問題