IPTV机顶盒：web前端开发

近期接触了iptv机顶盒的页面开发，记录下问题和经验。

1. 布局用position：absolute 定位。方便了布局，更重要的是电视上遥控的焦点跳转，在使用传统布局时，如ul,li...，会出现跳转位置与预想不符的情况，所以直接用绝对定位开发。

    2. 使用jQuery 进行开发，诸如vue等没有实际使用在IPTV项目，但根据机顶盒内嵌浏览器的兼容性来说，使用jQuery应该是 最不会出现不明bug或兼容问题的开发工具。

    3. 使用es5。es6及以上的语句表达方式就不要出现了，因为浏览器识别不到。诸如：=>，let...

    4. 可直接用1280*720的标准图进行开发（px），我是用了rem自适应。

    5. 所有需要被聚焦的html元素，都需要被a标签包裹，如：<a href="javascript:dosomething()"><span></span></a>。

    6. 每个页面都需要设定一个初始的聚焦点。$('.').focus()。

    7. iptv的web开发，在视频播放方面有较大局限性，只能通过给定的API进行定位，播放等操作，所以开发中出现一些奇奇怪怪的问题，有时候也只能曲线救国的去解决了。

    8. 聚焦时样式 :focus{}

    X. 在机顶盒配置自己服务器地址，设置跳转入口进行测试。

一、从路由器引出的网线连接到机顶盒后板的网口中，打开机顶盒的网络设置，待自动获得IP地址，就成功连上网络。

二、如果机顶盒有无线网卡，可以设置无线网络，具体步骤如下：

1）按机顶盒遥控器的“菜单”键，找到“设置”选项；

2）在设置菜单中找到【WLAN】点击进入；

3）点击【WLAN设置】页面右上角的【关闭/打开】按钮，点击打开【WLAN】；

4）点击打开以后在【WLAN设置】设置页面会出现很多的无线网名称，找到自己的无线网点击进入；

5）输入无线路由的密码，一般无线密码都是8位，如果不知道的话，按照无线路由器后面提供的网址，登录进行设置，即可打开无线网络，这样机顶盒就连上无线网络。

---