Пользовательский приемник неправильно отображает изображение

Я использую 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>

Есть ли у кого-нибудь вход? Благодаря!

источник

2016-11-05 MSerg

Правильно ли он работает в вашем браузере? Если тело не является 100% -ной высотой просмотра в браузере, изображение не может масштабироваться и до 100% высоты. Быстрое исправление обычно устанавливает значение высоты до 100% тела и html, а также – ilwcss

Обработка изображений отличается от видео и аудио в том смысле, что нет «игрового» состояния. Поскольку изображения обрабатываются тегом html-изображения, с ними нет связанных событий (в случае видео/аудио элемент Media создает несколько событий, в которые входит Cast SDK). Поэтому не пытайтесь установить состояние для ваших изображений на стороне приемника. У вас есть возможность использовать приемники Default/Style, которые обрабатывают изображения самым основным способом. Если вы хотите написать пользовательский ресивер, вы можете просто использовать собственное пространство имен для отправки URL-адреса изображения получателю и на стороне получателя, захватить URL-адрес и заполнить тег изображения (аналогично тому, что вы пытаетесь); нет необходимости беспокоиться о других аспектах SDK приемника, который связан с другими типами носителей. Последнее: вы не сможете много сделать с изображениями, если планируете добавлять функции слайд-шоу, причудливые переходы и т. Д .; вы можете показывать изображения один за другим, угасать один и исчезать в следующем (чтобы добиться более приятного перехода).

источник

2016-11-05 17:07:57

thnx для пояснения. Проблема была в макете html. В нашем случае тег изображения должен быть помещен под плеер, и его позиция должна быть установлена в 'absolute'. – MSerg

Пользовательский приемник неправильно отображает изображение

ответ

Смежные вопросы