电视端TV网页开发总结

• 最近公司接了电视项目，需要开发一个网页，嵌入到电视机顶盒中。
• 技术栈：jquery+requirejs+hbs模板引擎
• 广电给寄来的电视机顶盒版本是安卓比较低的版本，所以一些新的技术在电视机顶盒中是不兼容的，所以技术选型这块选择了jquery,会比原生简单一些

焦点走位

• 电视端首先要解决的就是焦点走位的问题，电脑中有点击事件，电视遥控器是上下左右的按键。我项目中才用的是tabindex属性，给div设置了该属性后，就可以获取到焦点。
• 除了给div设置tabindex还可以使用a标签包裹元素，或者是button包裹元素，这些标签都可以自动捕获到遥控器的按键

视频播放

• 这个比较坑，像video标签这种在电视机顶盒中是不能播放的。试了很多像腾讯视频，抖音视频等等都是不兼容的。这种情况下就要给电视机顶盒的开发人员要他们自己播放视频的demo。这种再项目初期他们一般会给一个简单的demo。机顶盒型号不一样demo也不一样，这里就不贴源码了。

关于适配

• 前期沟通告诉我们电视的分辨率是1280720的，由于是第一次做也没有经验，ui设计稿做的是19201080的。这里我开发的时候使用的是rem加flex布局做的适配