4

我想为飞利浦电视（NETTV 型号）浏览器中的页面提供我自己的预览图像。它显示在历史页​​面地址附近。

我该怎么做？

在此处输入图像描述 （图片来自avforum，google搜索获得）

飞利浦电视使用 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
4

1 回答 1

5

我不确切地知道飞利浦电视浏览器是如何工作的，但首先尝试的最合乎逻辑的事情是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>

于 2015-10-22T07:44:33.233 回答