Le récepteur personnalisé n'affiche pas l'image correctement

J'utilise chromecast SDK 3.0 et je veux créer un récepteur personnalisé. Cela fonctionne bien avec la vidéo et l'audio, mais a des problèmes avec le moulage d'images.
dans fichier html:Le récepteur personnalisé n'affiche pas l'image correctement

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

dans js fichier:

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

Avec une telle image apparaît sur la mise en œuvre d'une seconde et disparaît avec le remplacement à l'image d'arrière-plan. L'image est également affichée avec une taille d'ajustement incorrecte. Pour le style type d'échelle que j'ai utilisé ce code:

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

Est-ce que quelqu'un a une entrée? Merci!

Source

2016-11-05 MSerg

Cela fonctionne-t-il correctement dans votre navigateur? Si le corps n'est pas à 100% de la hauteur de la fenêtre du navigateur, l'image ne peut pas non plus être mise à l'échelle à hauteur de 100%. Une solution rapide est généralement de régler la hauteur à 100% du corps et le code HTML ainsi – ilwcss

La gestion des images est différente de la vidéo et de l'audio, en ce sens qu'il n'y a pas d'état de "lecture". Comme les images sont gérées par une balise d'image html, aucun événement ne leur est associé (en cas de vidéo/audio, l'élément Media produit un certain nombre d'événements auxquels le Cast SDK peut accéder). N'essayez donc pas de définir l'état de vos images du côté du récepteur. Vous avez la possibilité d'utiliser les récepteurs par défaut/style qui gèrent les images de la manière la plus élémentaire. Si vous voulez écrire un récepteur personnalisé, vous pouvez simplement utiliser un espace de noms personnalisé pour envoyer l'URL de l'image à votre récepteur et du côté du récepteur, récupérer l'URL et remplir une balise d'image (similaire à celle que vous essayez); il n'y a pas besoin de s'embêter avec d'autres aspects du récepteur SDK qui est autour d'autres types de médias. Une dernière chose: vous ne pourrez pas faire grand-chose avec les images si vous envisagez d'ajouter des fonctionnalités de diaporama, des transitions de fantaisie, etc. vous pouvez montrer les images une par une, en disparaître une et disparaître dans la suivante (pour produire une transition plus agréable).

Source

2016-11-05 17:07:57

thnx pour l'explication. Le problème était en format html. Dans notre cas, la balise d'image doit être placée sous le lecteur et sa position doit être définie sur "absolute". – MSerg

Le récepteur personnalisé n'affiche pas l'image correctement

Répondre

Questions connexes