IPTV领域的EPG,多用于电视上网浏览。嵌入式浏览器的性能限制和电视机的显示特性,造成它与PC上的页面有很多不同。同时,EPG作为使用者
直接接触的环节,其制作水平对IPTV系统的整体性能表现有着巨大的影响。
我从事嵌入式浏览器研究,也见过很多水平不一的EPG作品,从其中总结了一些IPTV领域EPG制作需要注意的事项,并将逐步增加。
1.CSS属性定义
如
果使用CSS属性定义,推荐使用嵌入样式表的方式。即在HTML文档中的BODY标签之前定义<style
type="text/css">...</style>。CSS属性定义的另外两种方式都不是很适合在IPTV领域使用:
1)链接外部样式表方式,在网络状况不稳定等情况下,导致整体网页解析速度很慢;
2)内联样式定义方式,导致浏览器在解析HTML文档的过程中,频繁切换CSS解析模块和HTML解析模块,尤其在这种定义较多的情况下,特别影响网页解
析速度。
2.背景图片的使用
应避免使用小图片大量平铺的方式来定义背景图片。大量的repeat工作,会使浏览器变得很慢。
3.链接
嵌入式浏览器中,对图片链接,会在图片周围加一个黄框表示焦点位置;对文字链接,会在文字所在区域加黄色底色来表示焦点位置。所以如果链接面积很大,呈现在页面中的效果是很难看的。建议在页面中,限制图片链接的尺寸,对文字链接,也定义背景图片来提示焦点。
4.页面信息量的控制
在新闻页面或其它一些航班查询等页面,容易出现信息量过大的情况。页面总体高度很大,浏览器上下滚动比较费时,用户看起来也很吃力。建议分成多页显示。
5.视频引导页面
当用户点击视频播放按钮后,EPG将开启一个视频引导页面,在该页面中使用onload调用播放器播放视频节目。该引导页面,在没有背景颜色的定义时,会造成视频播放前的白屏现象。建议在该页面的body标签内定义背景颜色为黑色。
6.页面中INPUT标签的位置
应避免将INPUT标签放在页面中第一个焦点所在的位置。在嵌入式浏览器中,当遇到INPUT标签,会自动打开输入法窗口。如果页面刚呈现出来就有输入法窗口在那摆起,页面的整体效果当然很难看。
7.避免使用宽度为1px的细线
宽度为1px的细线,在电视上显示会出现抖动。比如图片中的某一部分使用到了金属拉丝效果,同样会产生抖动。
8.颜色的使用
一些颜色的重叠使用,会造成电视上显示的抖动。比如蓝底黄字、蓝底红字。
9.marquee的使用
marquee是字幕滚动效果最简洁的实现方式。但是同一个页面内使用多个marquee标签,会对嵌入式浏览器的刷新机制造成挑战,而出现滚动内容显示闪烁或内容滚动过程中一走一停顿的现象。同时,页面滚动的东西太多,给人杂乱无章的感觉。
10.字体的使用
嵌入式浏览器对文字的字体和大小的支持是有限的,通常只支持一种字体,几种大小的字号。这是由嵌入式系统资源有限造成的。字库分为两种:点阵字库和矢量字
库,前者不能放大,一个字库只支持一个大小的字号;后者能够随意放大,一个字库可支持所有大小的字号,但是非常占用空间。嵌入式浏览器通常使用几个常用大
小的点阵字库以节省空间。建议EPG制作者使用黑体,不要使用太多的字号。
11.透明效果的使用
在视频节目播放过程中,使用局部网页提示一些信息的效果很炫。即网页body的背景透明,只在页面某一处有一些页面元素不透明,形成局部的提示信息。
12.body背景色的使用
页面默认的body的背景色为白色,在不同页面切换的过程中,会在一定程度上给用户一种白屏闪烁的不好效果,所以给页面body定义一个和该页面整体颜色相近的背景颜色可以有效缓解这个问题。
13.页面嵌入小窗口视频
页面嵌入小窗口视频,给人不错的感觉。但是不要让视频片段的内容跟随焦点的变换而变换,这样频繁的操作,需要播放器的不停的切换片源和退出,这些都需要一定的时间,所产生的效果反而不佳。
14.代码的精简
任何冗余代码,都要浏览器去解析执行。table的层层嵌套,iframe的层层嵌套等等,都会影响页面的呈现速度。嵌入式设备使用的EPG,应该力求代码简洁规范。
15.页面编码
页面编码混乱,就需要浏览器进行容错,降低了效率,并且很容易出错。在页面内指定编码格式是个不错的习惯。
16.汉字路径的使用
文件路径中最好避免使用汉字路径,汉字容易造成编码问题。如果浏览器没有实现对汉字路径的支持,会造成某些文件无法正常访问。
分享到:
相关推荐
IPTV EPG接口开发指南
Q-CT 2370-2011 IPTV业务系统 EPG 页面制作及显示技术规范(V3.0)。 本标准通过对IPTV EPG 页面的制作以及在终端浏览器上的显示效果进行标准化,以 达到在不同的类型的IPTV 终端浏览器上EPG 页面显示效果一致的目的...
IPTV_EPG模板开发指导(2.2规范
本标准通过对IPTV EPG 页面的制作以及在终端浏览器上的显示效果进行标准化,以 达到在不同的类型的IPTV 终端浏览器上EPG 页面显示效果一致的目的。在本标准中主要 规定了中国电信IPTV 业务发展过程中EPG 页面制作时...
EPG&搜索 电子节目菜单 IPTV。 EPG电子节目菜单。 IPTV所提供的各种业务的索引及导航都是通过 EPG系统来完成的。 IPTV EPG实际上就是 IPTV的一个门户系统。 EPG系统的界面与 Web页面类似,在 EPG界面上一般都提供...
基于大数据技术支持的IPTV智能EPG推荐系统设计与研究.pdf
为了达到这一目标,在从内容制作到终端接收的整个实现过程中需要用到许多的关键技术,包括编码、数字版权管理(DRM)、内容分发网络(CDN)、电子节目指南(EPG)、机顶盒(STB)技术等,这些技术都需要深入的研究...
有制作一套具有自己特点的EPG系统的需求。一方面运营商想要掌控EPG系统 设计与实现,另一方面EPG系统是与整个口Tv系统紧密结合的子系统。这就要 求EPG系统的实现既要提供与球Tv系统的全部功能接口,又要易于实现和...
epg:西班牙iptv电视的epg
2.模拟播放器(注意初始化播放器请在页面加载完) 3.提供模拟AAA鉴权跳转 备注:最初版代码来自成思科技的coffee(coffeetang@gmail.com)的开发的chrome插件。 源码地址:...
自动将m3u8格式的IPTV节目源转换成emby的IPTV插件使用的MediaBrowser.Channels.IPTV.xml,免去在网页一条条输入的烦恼,使用说明参见压缩包的使用说明
free-epg-germany:德国IPTV的Kostenloser EPG-德国IPTV的免费EPG
firefly-xmltv IPTV EPG数据生成器
骆驼IPTV搭建后台源码,亲测可用,我也是依照别人的搭建,不提供技术支持,网上自己找教程,大致步骤:申请虚拟机或空间,绑定域名,上传源码,解压,导入数据库,更改数据库对接。后台登录密码admin,admin。修改...
摘 要 IPTV系统是目前宽带网络技术的前沿应用,EPG提供IPTV系统和用户交互的首要界面,是系统的核心模块之一。当前数字电视中EPG的常用设计方法不适合用来设计IPTV中的EPG。根据IPTV系统的自身特点,本文介绍了一...
IPTV中的EPG管理系统的设计与实现.pdf
a chNameCN=江西卫视 -a targetDate=2021-01-19 -a fileName=啊吧啊吧.json扩展脚本bash ./epg_get.sh nm n指定了爬取多少短期的节目单m指定是否需要合并下面是一个例子:这是项目目录下的channel_list.cfg : CCTV1...
EPG开发经验,各种IPTV EPG业务功能
模拟播放器(注意初始化播放器请在页面加载完)3.提供模拟AAA鉴权跳转备注:最初版代码来自成思科技的coffee(coffeetang@gmail.com)的开发的chrome插件。源码地址:...
(完整word版)CMMI组织类-过程改进组(EPG)访谈问题及参考答案(EPG).pdf(完整word版)CMMI组织类-过程改进组(EPG)访谈问题及参考答案(EPG).pdf(完整word版)CMMI组织类-过程改进组(EPG)访谈问题及参考答案(EPG).pdf(完整...