Как Philips TV Browser получает изображения для предварительного просмотра страниц?

Question

Я хочу предоставить свое собственное изображение для предварительного просмотра страницы в браузере Philips TV (модели NETTV). Отображается рядом с адресом страницы в истории.

Как мне это сделать?

(изображение из avforum, полученное из поиска Google)

Телевизор Philips использует Opera 11.6 в качестве браузера. Строка userAgent:

Opera/9.80 (Linux mips; U; HbbTV/1.1.1 (; Philips; ; ; ; ) CE-HTML/1.0 NETTV/4.0.2; en) Presto/2.10.250 Version/11.60

Answer 1

Я не знаю точно, как работает ТВ-браузер Philips, но наиболее логичным было бы попробовать og:image пометить и посмотреть, если телевизор поднимает его.

<meta property="og:image" content="http://example.com/image.png"/>

Если нет, то телевизор, вероятно, использует некоторую библиотеку захвата экрана. Вы можете попробовать этот обходной путь, чтобы получить желаемое поведение:

Сначала найдите пользовательский агент вашего телевизора. Например, перейдите по http://whatsmyuseragent.com/ со своего телевизора.

Затем на своей странице создайте небольшой скрипт, который проверяет пользовательский агент, и, если это телевизор, покажите изображение предварительного просмотра в качестве наложения в течение нескольких секунд.

Надеемся, что телевизор сделает снимок экрана с исходным рендером, а затем появится твоя заставка.

function hideSplash() {
  document.getElementById("tv-splash").style.display = "none";
}

// Remove '|Mozilla' when development is ready 
if (/Philips|Mozilla/.test(navigator.userAgent)) {
  setTimeout(hideSplash, 2000);
} else {
  hideSplash();
}

#tv-splash {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #f00 url(http://i.imgur.com/IonCAf7.jpg) center center no-repeat;
  background-size: 50%;
  z-index: 1;
}

<div id="tv-splash"></div>
<h1>My website</h1>