Ich verwende chromecast SDK 3.0 und möchte einen benutzerdefinierten Empfänger erstellen. Es funktioniert gut mit Video und Audio, hat aber Probleme beim Bildercasting.
in html Datei:Benutzerdefinierter Empfänger zeigt das Bild nicht korrekt an
<body style="margin: 0">
<img id="androidImage" src="" />
...
in js Datei:
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);
};
Mit einem solchen Implementierung Bild auf 1 Sekunde erscheint und verschwindet auf Hintergrundbild mit zu ersetzen. Auch das Bild wird mit einer falschen Anpassungsgröße angezeigt. Um den Stil zu skalieren, habe ich einen solchen Code verwendet:
<style>
img#androidImage {
height:100%;
width:100%;
}
</style>
Hat jemand eine Eingabe? Vielen Dank!
Funktioniert es in Ihrem Browser korrekt? Wenn der Körper nicht 100% Höhe des Browser-Viewports hat, kann das Bild auch nicht auf 100% Höhe skaliert werden. Eine schnelle Lösung setzt normalerweise die Höhe auf 100% von body und html sowie – ilwcss