谈IPTV网页动态适配技术

四川长虹网络科技有限责任公司 曾祥根

近年来IPTV机顶盒获得大规模普及。通常不同运营商的不同市场会引入不同的IPTV平台和机顶盒厂家的产品，需要机顶盒终端去适配不同市场的不同平台，由于IPTV平台上的网页代码编写不规范，存在各种语法、变量定义、JS函数定义以及和浏览器版本兼容等问题，常常需要终端去适配前端页面的错误和兼容性，传统做法都是在机顶盒端做针对性修改，同时需要升级机顶盒软件，由于页面也会不定期的更新，导致经常需要升级机顶盒软件，增加维护工作量和导致用户体验不友好。为了提高机顶盒维护方便性和友好性，需要有一种IPTV网页动态适配技术，实现一套软件自动适应所有市场，不同平台的方法，同时达到不需要升级软件就可适配新市场，新平台，新页面的需求，提高适配效率，维护方便性，软件复用性。

1 IPTV网页动态适配技术实现主要实现原理

（1）针对每个市场的不同软件版本定义不同的适配解析文件；

（2）程序启动会自动从服务器端同步对应市场版本的适配解析文件；

（3）修改标准浏览器内核，满足各个运营商IPTV页面技术要求；

（4）修改浏览器内核，使得浏览器内核支持解析适配文件内容，动态修改页面内容，达到自动适应IPTV网页错误，兼容性等问题。

2 IPTV网页动态适配实现主要步骤

（1）页面适配文件的版本定义；

（2）页面适配文件定义；

（3）定义和实现页面适配文件更新接口；

（4）页面适配文件下载更新；

（5）浏览器解析配置文件，替换或者动态修改js,css,html文件内容，呈现页面最终显示内容。

3 IPTV网页动态适配实现详细步骤细节

3.1 页面适配文件的版本定义

版本文件名命名格式规定如下：

xxxx.xx.version

第一个xxxx为市场编号，例如四川电信为0001，四川移动为1001等

第二个xx为平台变化，例如中兴平台，00，华为2.0为01等

例如：四川电信中兴平台文件名为0001.00.version

版本配置内容格式定义如下：

xx.xx

第一个xx为主版本号

第二个xx为次版本号

例如：版本内容为01.01

3.2 页面适配文件定义

页面适配文件名命名格式规定如下：

xxxx.xx.config

第一个xx为市场编号，例如四川电信为0001，四川移动为1001等

第二个xx为平台变化，例如中兴平台为0，华为2.0为1等

例如：四川电信中兴平台文件名为0001.00.config

页面适配配置内容格式定义如下：

例如，替换指定页面的指定内容；

需要替换字符串内容，替换后字符串内容

例如：

其他规则采用类似的json定义

3.3 定义和实现页面适配文件更新接口

（1）客户端和服务端之间采用http post机制通讯；

（2）通信接口定义如下：

POST /api/configver

输入：

3.4 页面适配文件下载更新

（1）机顶盒开机发送configver请求；

（2）服务器处理客户端请求，获取对应的版本信息，配置文件地址；

（3）服务器返回对应的版本信息和url；

（4）客户端判断版本，如果版本相同，不更新；

（5）如果版本不一致，下载配置文件同时更新到本地。

客户端页面适配文件下载更新流程图（详见图1所示）。

图1 客户端页面适配文件下载更新流程图

3.5 浏览器解析配置文件，根据配置文件内容，动态更新js,css,html文件内容

（1）在浏览器载入html内存内容前，解析配置文件，查找并且替换符合条件的内容，或者增加新的页面内容，更新后的html内存载入内核解析。

（2）在浏览器载入css内存内容前，解析配置文件，查找并且替换符合条件的内容，或者增加新的页面内容，更新后的css内存载入内核解析。

（3）在浏览器载入js内存内容前，解析配置文件，查找并且替换符合条件的内容，或者增加新的页面内容，更新后的js内存载入内核解析。

（4）浏览器解析动态更新后的页面内容，并且显示页面内容。