{"id":166,"date":"2010-11-19T12:00:03","date_gmt":"2010-11-19T16:00:03","guid":{"rendered":"httpss:\/\/www.powenko.com\/blog\/?p=166"},"modified":"2012-02-17T02:19:44","modified_gmt":"2012-02-17T07:19:44","slug":"googletv-web-%e8%a8%ad%e8%a8%88%e6%95%99%e5%ad%b8","status":"publish","type":"post","link":"https:\/\/www.powenko.com\/wordpress\/?p=166","title":{"rendered":"GoogleTV web \u8a2d\u8a08\u6559\u5b78"},"content":{"rendered":"<p><a href=\"httpss:\/\/www.powenko.com\/wordpress\/wp-content\/uploads\/2010\/11\/sonygoogletv_logo.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-186\" title=\"sonygoogletv_logo\" src=\"httpss:\/\/www.powenko.com\/wordpress\/wp-content\/uploads\/2010\/11\/sonygoogletv_logo.jpg\" alt=\"\" width=\"280\" height=\"210\" srcset=\"https:\/\/www.powenko.com\/wordpress\/wp-content\/uploads\/2010\/11\/sonygoogletv_logo.jpg 280w, https:\/\/www.powenko.com\/wordpress\/wp-content\/uploads\/2010\/11\/sonygoogletv_logo-120x90.jpg 120w, https:\/\/www.powenko.com\/wordpress\/wp-content\/uploads\/2010\/11\/sonygoogletv_logo-210x158.jpg 210w, https:\/\/www.powenko.com\/wordpress\/wp-content\/uploads\/2010\/11\/sonygoogletv_logo-140x105.jpg 140w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/><\/a><br \/>\n\u67ef\u535a\u6587\u8981\u4ecb\u7d39\u5982\u4f55\u8a2d\u8a08googleTV web , \u8acb\u6ce8\u610f\u4ee5\u4e0b\u7684\u8a2d\u8a08\u57fa\u672c\u9700\u6c42<\/p>\n<ul>\n<li>\u8acb\u628a\u6309\u9215\u548c\u6587\u5b57\u5927\u5c0f\u52a0\u5927\uff5e<\/li>\n<li>The &#8220;selected&#8221; item or item with the mouse over it is clearly highlighted<\/li>\n<li>\u63a7\u5236\u5207\u63db\u756b\u9762\u7528 D-pad up\/down\/left\/right \u9375\uff0c\u5efa\u8b70\u770b\u4e00\u4e0b\u00a0httpss:\/\/mike-hostetler.com\/jquery-keyboard-navigation-plugin \u7528 jquery \u4f86\u8a2d\u5b9a\u63a7\u5236\u7684\u6771\u897f<\/li>\n<li>\u52a0\u4e0a\u8655\u7406\u4e2d\u7684\u8a0a\u606f\uff0c\u7576\u4f60\u5728\u5207\u63db\u3001\u8655\u7406\u5f71\u7247\u6642<\/li>\n<li>\u7528\u6697\u4e00\u9ede\u7684\u80cc\u666f\u548c\u5c11\u4e00\u9ede\u7684\u984f\u8272\u7576\u80cc\u666f<\/li>\n<\/ul>\n<div>\u756b\u9762\u5927\u5c0f<\/div>\n<div>\n<ul>\n<li>1280&#215;720 resolution. \u5efa\u8b70 \u5bec\u5ea6 \u662f 1152&#215;648.<\/li>\n<li>1920&#215;1080 resolution.\u00a0\u5efa\u8b70 \u5bec\u5ea6 \u662f\u00a01728&#215;972.<\/li>\n<li>\u5982\u679c\u4f60\u53ea\u6709\u8a2d\u8a08 720p \u89e3\u6790\u5ea6\uff0c Google TV \u57281080p\u00a0\u6703\u8abf\u6574\u5230\u653e\u5927\u5230\u5408\u9069\u5927\u5c0f\u3002<\/li>\n<\/ul>\n<div>\u52a0\u5feb\u7db2\u8def\u901f\u5ea6\u7684\u8a2d\u8a08\uff0c\u8acb\u770b<\/div>\n<div>\n<ul>\n<li>httpss:\/\/code.google.com\/speed\/<\/li>\n<\/ul>\n<div>GoogleTV \u662f\u7528\u00a0Chrome Browser<\/div>\n<div>\n<ul>\n<li>\u8acb\u591a\u7528 \u00a0HTML5 features. \u4e26\u4e14\u53ef\u7528 \u00a0CSS 3 transformations,\u628a\u8cc7\u6599\u5b58\u5728 local data storage,\u61c9\u7528\u7a0b\u5f0f\u6709\u66ab\u5b58 , \u65b0\u7684 form field \u683c\u5f0f, media tags (audio &amp; video), \u7b49\u7b49..\u53ef\u4ee5\u53c3\u8003<\/li>\n<li>httpss:\/\/www.html5rocks.com\/ \u770b\u66f4\u591a\u6709\u95dc\u7684\u00a0HTML5 and its use in Google Chrome.<\/li>\n<li>ps: \u5982\u679c\u8981\u7528\u6b64\u6587\u7ae0\uff0c\u8acb\u8a3b\u660e\u662f\u67ef\u535a\u6587\u8001\u5e2b\u5beb\u7684 httpss:\/\/www.powenko.com<\/li>\n<\/ul>\n<div>\u9059\u63a7\u5668\u548c\u9375\u76e4\u63a7\u5236javascript code<\/div>\n<div>\n<pre>window.onload = function() {\r\n\r\n  document.onkeydown=function(e){\r\n\r\n    if (!e) e=window.event;\r\n\r\n    switch(e.keyCode) {\r\n\r\n      case 37:\r\n        alert(\"Left arrow\");\r\n        break;\r\n\r\n      case 38:\r\n        alert(\"Up arrow\");\r\n        break;\r\n\r\n      case 39:\r\n        alert(\"Right arrow\");\r\n        break;\r\n\r\n      case 40:\r\n        alert(\"Down arrow\");\r\n        break;\r\n\r\n      case 13:\r\n        alert(\"Enter\/select\");\r\n        break;\r\n    }\r\n  }\r\n}\r\n\u591a\u5a92\u9ad4\u7684\u6309\u9375\u662f Key codes:<\/pre>\n<ul>\n<li>Play\/Pause: 179<\/li>\n<li>Stop: 178<\/li>\n<li>Next: 176<\/li>\n<li>Previous: 177<\/li>\n<\/ul>\n<h3><a href=\"httpss:\/\/www.powenko.com\/wordpress\/wp-content\/uploads\/2010\/11\/Logitech-Revue-logo.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-188\" title=\"Logitech Revue logo\" src=\"httpss:\/\/www.powenko.com\/wordpress\/wp-content\/uploads\/2010\/11\/Logitech-Revue-logo.jpg\" alt=\"\" width=\"280\" height=\"210\" srcset=\"https:\/\/www.powenko.com\/wordpress\/wp-content\/uploads\/2010\/11\/Logitech-Revue-logo.jpg 280w, https:\/\/www.powenko.com\/wordpress\/wp-content\/uploads\/2010\/11\/Logitech-Revue-logo-120x90.jpg 120w, https:\/\/www.powenko.com\/wordpress\/wp-content\/uploads\/2010\/11\/Logitech-Revue-logo-210x158.jpg 210w, https:\/\/www.powenko.com\/wordpress\/wp-content\/uploads\/2010\/11\/Logitech-Revue-logo-140x105.jpg 140w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/><\/a><\/h3>\n<h3>CSS3<\/h3>\n<pre>\u5b57\u578b\u4f7f\u7528 CSS3's @font-face, \u53ef\u4ee5\u8b80\u53d6 s TrueType (.ttf) and OpenType (.otf) \u7684\u5b57\u578b:\r\n@font-face\r\n{\r\n  font-family: Bonzai;\r\n  src: \"Bonzai.ttf\";\r\n}\r\n\r\n.font-demo-css {\r\n  font-family: 'Bonzai', sans-serif;\r\n  font-size: 36px;\r\n}<\/pre>\n<h2 id=\"autozoom\">Auto-zoom \u653e\u5927<\/h2>\n<div>\n<pre>&lt;meta name=\"gtv-autozoom\" content=\"on\" \/&gt;\r\n&lt;meta name=\"gtv-autozoom\" content=\"off\" \/&gt;<\/pre>\n<\/div>\n<p><strong>\u53d6\u5f97\u87a2\u5e55\u5927\u5c0f javascript code<\/strong><\/p>\n<pre>function init() {\r\n\r\n  var w = screen.width;\r\n  var h = screen.height;\r\n\r\n  var bw = window.innerWidth;\r\n  var bh = window.innerHeight;\r\n\r\n  var wRatio = bw\/w;\r\n  var hRatio = bh\/h;\r\n  var ratio = (wRatio + hRatio) \/ 2;\r\n\r\n  document.getElementsByTagName('body')[0].style.zoom = ratio;\r\n}\r\n\u5982\u4f55\u5728desktop \u548c googletv \u4e0b\u53ea\u6709\u4e00\u500bhtml \u7db2\u9801\uff0c\u4f46\u53ef\u4ee5\u8dd1\u4e8c\u500b\u7cfb\u7d71<\/pre>\n<ul>\n<li>Desktop users browse example.com\/great-vid with the corresponding stylesheet\n<pre>&lt;link rel=\"stylesheet\" href=\"my-existing-css.css\" type=\"text\/css\" media=\"screen\" \/&gt;<\/pre>\n<\/li>\n<\/ul>\n<p>TV users browse the same URL, example.com\/great-vid, but with TV stylesheet<\/p>\n<pre>&lt;link rel=\"stylesheet\" href=\"tv.css\" type=\"text\/css\" media=\"tv\" \/&gt;\r\nFor example:<\/pre>\n<ul>\n<li>\u96fb\u8166\u7248<\/li>\n<li>\n<pre>example.com\/great-vid<\/pre>\n<\/li>\n<li>\u96fb\u8996\u7248\n<pre>example.com\/great-vid&amp;media=tv<\/pre>\n<\/li>\n<li>\u52a0\u4e0a rel=&#8221;canonical&#8221; to consolidate indexing and ranking signals to the original version<\/li>\n<li>TV version of page at example.com\/great-vid&amp;media=tv contains\n<pre>&lt;link rel=\"canonical\" href=\"example.com\/great-vid\" \/&gt;<\/pre>\n<\/li>\n<li>\u9084\u6709\u4e00\u500b\u65b9\u6cd5\u5224\u65b7\u7528\u6236\u662f\u7528\u54ea\u500bbrowser, \u67e5 Mozilla\/5.0 (X11; U; Linux i686; en-US) AppleWebKit\/533.4 (KHTML, like Gecko) Chrome\/5.0.375.127 Large Screen Safari\/533.4 GoogleTV\/161242<\/li>\n<\/ul>\n<h2 id=\"flash\">Flash \u652f\u63f4<\/h2>\n<pre>\r\nGoogle TV \u652f\u63f4 Adobe Flash Player 10.1 Beta. \u8a73\u7d30\u8acb\u770bAdobe's Flash TV web site\u00a0\r\nhttpss:\/\/tv.flash.com\/\r\n<strong>\u5f71\u50cf\u683c\u5f0f<\/strong><\/pre>\n<h3>H.264 Video Playback<\/h3>\n<pre>\r\nThe hardware in the Google TV supports a maximum of two H.264 decoders and\r\nthus has a limit of two decompressor instances. If a site tries to create a third\r\ndecompressor instance, Google TV will shut down the least recently used of\r\nthe two existing instances. In order to operate correctly on the Google TV,\r\nyour site should be designed such that it never needs more than two instances.\r\n\r\n<strong>\u67ef\u535a\u6587 googleTV web \u8a2d\u8a08\u8ab2\u7a0b<\/strong>\r\n\u5982\u679c\u4f60\u60f3\u8981\u9032\u5165\uff0c\u4e26\u5b78\u7fd2googleTV web\u00a0\r\n\u8a2d\u8a08\uff0c\u5728\u53f0\u5317 \u56db\u5929\u767d\u5929\u7684\u8ab2\u7a0b\u517124\u5c0f\u664212000\u53f0\u5e63,\r\n\u5317\u4eac, \u6df1\u5733 \u56db\u5929\u767d\u5929\u7684\u8ab2\u7a0b\u517124\u5c0f\u6642 2400\u4eba\u6c11\u5e63\uff0c\r\n\u6b61\u8fce\u4e3b\u52d5\u5bebemail\u5230 support@looptek.com\r\n\u5982\u679c\u4eba\u6578\u8d85\u904e10 \u4fbf\u6703\u958b\u8ab2\u3002<\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u67ef\u535a\u6587\u8981\u4ecb\u7d39\u5982\u4f55\u8a2d\u8a08googleTV web , \u8acb\u6ce8\u610f\u4ee5\u4e0b\u7684\u8a2d\u8a08\u57fa\u672c\u9700\u6c42 \u8acb\u628a\u6309\u9215\u548c\u6587\u5b57\u5927\u5c0f\u52a0\u5927\uff5e The  [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-166","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/www.powenko.com\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/166"}],"collection":[{"href":"https:\/\/www.powenko.com\/wordpress\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.powenko.com\/wordpress\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.powenko.com\/wordpress\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.powenko.com\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=166"}],"version-history":[{"count":4,"href":"https:\/\/www.powenko.com\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/166\/revisions"}],"predecessor-version":[{"id":2723,"href":"https:\/\/www.powenko.com\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/166\/revisions\/2723"}],"wp:attachment":[{"href":"https:\/\/www.powenko.com\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=166"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.powenko.com\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=166"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.powenko.com\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=166"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}