Настройка приемника CAF

Я пытаюсь настроить пользовательский интерфейс буферизации CAF Receiver (https://github.com/googlecast/BasicReceiverCAF ).

Теперь у меня просто черный экран и небольшая полоса прогресса в левом нижнем углу экрана, например, отсюда https://developers.google.com/cast/docs/design_checklist/receiver#receiver-ui-buffer, но без изображения для предварительного просмотра.

У меня вопрос, как установить этот предварительный просмотр вместо черного фона?

Я пытался:

 let playerElement = document.getElementById('player');
 playerElement.style
    .setProperty('--buffering-image', 'url("/img/megacast-placeholder.jpg")');

Но этот код влияет на управление индикатором выполнения, он заменяет кольцо на изображении. Кроме того, я пробовал другие свойства отсюда https://developers.google.com/cast/docs/caf_receiver_features

Пожалуйста, помогите, заранее спасибо.


receiver chromecast caf
person Roman Lebedenko    schedule 15.11.2017    source источник

Ответы (1)


arrow_upward
0
arrow_downward

--splash-изображение

это свойство, которое вам следует использовать. Если по какой-то причине он не работает с:

playerElement.style.setProperty('--splash-image', 'url("../img/megacast-placeholder.jpg")');

Попробуйте добавить отдельный тег стиля, содержащий

#player {
  --splash-image: url("../img/megacast-placeholder.jpg"); 
}
person Кristian Кulev    schedule 18.04.2018