CN114339369A - 适用于机顶盒的电视端页面展示方法 - Google Patents
适用于机顶盒的电视端页面展示方法 Download PDFInfo
- Publication number
- CN114339369A CN114339369A CN202111643940.9A CN202111643940A CN114339369A CN 114339369 A CN114339369 A CN 114339369A CN 202111643940 A CN202111643940 A CN 202111643940A CN 114339369 A CN114339369 A CN 114339369A
- Authority
- CN
- China
- Prior art keywords
- page
- picture
- data
- loading
- video
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 14
- 230000006835 compression Effects 0.000 claims abstract description 7
- 238000007906 compression Methods 0.000 claims abstract description 7
- 238000009877 rendering Methods 0.000 claims description 10
- 238000005070 sampling Methods 0.000 claims description 3
- 238000006243 chemical reaction Methods 0.000 abstract description 3
- 238000012545 processing Methods 0.000 description 13
- 238000011161 development Methods 0.000 description 5
- 230000006978 adaptation Effects 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 238000010586 diagram Methods 0.000 description 1
- 239000002360 explosive Substances 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 238000005096 rolling process Methods 0.000 description 1
Images
Landscapes
- Two-Way Televisions, Distribution Of Moving Picture Or The Like (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本发明公开了一种适用于机顶盒的电视端页面展示方法包括:模块懒加载、数据分页请求、页面缓存重用、页面图片压缩、视频标签转化;本发明解决了在Android版本低于6.0的机顶盒上Html5视频不能正常播放以及在性能较低的机顶盒设备中页面加载时间过长、按键响应缓慢等问题。
Description
技术领域
本发明涉及机顶盒技术领域,特别是一种适用于机顶盒的电视端页面展示方法。
背景技术
当今社会,各种信息数据的数据量呈现出爆发式的增长,组织或个人对信息展示的需求也越来越大。信息展示的平台也越来越多,人们总是想要抓住一切机会在尽可能多的平台展示自己的信息。电视端是诸多展示平台中一个重要的展示平台。很多组织都已经开发了面向电视端的APP,通过提供丰富的生动的图文或者视频展示自己的信息,电视用户通过遥控器观看电视页面就能获取信息。通过电视端进行自身信息的展示为很多组织都带来了现实的可观的收益。
随着技术的发展,当前面向电视端的APP一般都采取原生+Html5的混合开发模式。这种模式只需要开发一套Html5页面再配合原生的浏览器加载部分就能完成App所需功能,且开发的Html5页面可以适配不同的系统平台,只需要原生部分做适配的开发,保证了较高的开发效率。但随着技术的发展,Html5页面设计得越来越精美,页面中也不可避免的会出现大量的视频和图片,在新上市且性能较好的机顶盒设备上页面可以良好呈现,用户体验也很流畅。但是对于相当大部分的机顶盒设备,Android版本低于6.0、设备硬件性能较低且原生WebView不支持Html5视频的播放,可能会出现页面加载时间较长、按键响应慢、视频无法播放等问题,造成用户体验较差。
发明内容
为解决现有技术中存在的问题,本发明的目的是提供一种适用于机顶盒的电视端页面展示方法,本发明解决了在Android版本低于6.0的机顶盒上Html5视频不能正常播放以及在性能较低的机顶盒设备中页面加载时间过长、按键响应缓慢等问题。
为实现上述目的,本发明采用的技术方案是:一种适用于机顶盒的电视端页面展示方法,包括:
模块懒加载:将页面各功能分别模块化,各模块在用户点击浏览触发后进行独立加载;
数据分页请求:对列表页面数据进行分页请求,每次只从后台请求单页的数据,每次页面只展示单页的数据;
页面缓存重用:当用户从上级页面跳转到下级页面时,采用缓存技术保存上级页面元素及标签;当用户退出下级页面返回上级页面时,从缓存数据中直接取出上级页面进行展示;
页面图片压缩:页面渲染前对页面数据进行分析,提取出其中的图片信息,将图片资源地址发送到后台,由后台加载图片资源,选择文件尺寸大于一定值的图片进行像素点的采样压缩,并返回压缩后的图片地址,页面加载压缩后的图片进行渲染;
视频标签转化:页面渲染前对页面数据进行分析,提取出其中的视频信息,将视频标签替换为播放样式的图片标签,并为图片标签添加点击事件,标签点击时通过调用系统播放器进行视频播放。
本发明的有益效果是:
本发明通过五个主要的处理步骤,减小了页面加载文件的尺寸,减小了页面单次加载数据量,避免了多余的数据请求和元素渲染,将图片进行压缩,调用系统播放器播放视频;确保了在Android版本低于6.0的机顶盒上Html5视频能够得到正常播放,页面能够快速加载且无卡顿现象、按键响应流畅。
附图说明
图1为本发明实施例中电视端页面所处程序架构图;
图2为本发明实施例中的图片处理流程图。
具体实施方式
下面结合附图对本发明的实施例进行详细说明。
实施例
如图1所示,一种适用于机顶盒的电视端页面展示方法,主要包括模块懒加载处理、数据分页请求处理、页面缓存重用处理、页面图片压缩处理、视频标签转化处理五个处理步骤。
1、模块懒加载处理:将页面功能模块化,各模块只有在用户点击浏览触发后才进行独立加载。避免了通常设计模式中全部模块集成在一起,导致程序启动时加载文件尺寸较大加载耗时较长的问题。
2、数据分页请求处理:对列表页面数据进行分页请求,每次只从后台请求单页的数据,每次页面只展示单页的数据。避免了通常电视页面中列表滚动累加数据,导致页面元素过多引发页面卡顿及按键响应慢的问题。
3、页面缓存重用处理:当用户从上级页面跳转到下级页面时,采用缓存技术保存上级页面元素及标签;当用户退出下级页面返回上级页面时,从缓存数据中直接取出上级页面进行展示。避免了上级页面数据的重复请求以及上级页面元素的重复渲染,节约了页面性能开销。
4、页面图片压缩处理:页面渲染前对页面数据进行分析,提取出其中的图片信息,将图片资源地址发送到后台,由后台加载图片资源,选择文件尺寸大于1MB的图片进行像素点的采样压缩,并返回压缩后的图片地址,页面加载压缩后的图片进行渲染。避免了用户上传的部分图片资源过大,导致渲染缓慢及按键响应慢的问题,图片处理流程图如图2所示。
5、视频标签转化处理:页面渲染前对页面数据进行分析,提取出其中的视频信息,将视频标签替换为播放样式的图片标签,并为图片标签添加点击事件,标签点击时通过调用系统播放器进行视频播放。避免了低版本系统无法通过Html5视频标签进行视频播放的问题。
经以上步骤组合处理后,在Android版本低于6.0的机顶盒上也能正常播放Html5视频,大幅提升页面加载速度,避免页面卡顿及按键响应慢的问题。
以上所述实施例仅表达了本发明的具体实施方式,其描述较为具体和详细,但并不能因此而理解为对本发明专利范围的限制。应当指出的是,对于本领域的普通技术人员来说,在不脱离本发明构思的前提下,还可以做出若干变形和改进,这些都属于本发明的保护范围。
Claims (1)
1.一种适用于机顶盒的电视端页面展示方法,其特征在于,包括:
模块懒加载:将页面各功能分别模块化,各模块在用户点击浏览触发后进行独立加载;
数据分页请求:对列表页面数据进行分页请求,每次只从后台请求单页的数据,每次页面只展示单页的数据;
页面缓存重用:当用户从上级页面跳转到下级页面时,采用缓存技术保存上级页面元素及标签;当用户退出下级页面返回上级页面时,从缓存数据中直接取出上级页面进行展示;
页面图片压缩:页面渲染前对页面数据进行分析,提取出其中的图片信息,将图片资源地址发送到后台,由后台加载图片资源,选择文件尺寸大于一定值的图片进行像素点的采样压缩,并返回压缩后的图片地址,页面加载压缩后的图片进行渲染;
视频标签转化:页面渲染前对页面数据进行分析,提取出其中的视频信息,将视频标签替换为播放样式的图片标签,并为图片标签添加点击事件,标签点击时通过调用系统播放器进行视频播放。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202111643940.9A CN114339369A (zh) | 2021-12-29 | 2021-12-29 | 适用于机顶盒的电视端页面展示方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202111643940.9A CN114339369A (zh) | 2021-12-29 | 2021-12-29 | 适用于机顶盒的电视端页面展示方法 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN114339369A true CN114339369A (zh) | 2022-04-12 |
Family
ID=81016109
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202111643940.9A Pending CN114339369A (zh) | 2021-12-29 | 2021-12-29 | 适用于机顶盒的电视端页面展示方法 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN114339369A (zh) |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102724586A (zh) * | 2012-07-05 | 2012-10-10 | 百视通网络电视技术发展有限责任公司 | 基于iptv的页面缓存方法及系统 |
CN108243355A (zh) * | 2017-12-25 | 2018-07-03 | 四川迪佳通电子有限公司 | 机顶盒用户界面加载方法及系统 |
CN111259284A (zh) * | 2018-11-30 | 2020-06-09 | 阿里巴巴集团控股有限公司 | 页面懒加载的方法和装置、存储介质和处理器 |
CN111597475A (zh) * | 2020-04-21 | 2020-08-28 | 五八有限公司 | 一种返回页面的方法、装置、电子设备及计算机存储介质 |
CN113784194A (zh) * | 2020-09-03 | 2021-12-10 | 北京沃东天骏信息技术有限公司 | 一种视频播放器的嵌入方法和装置 |
-
2021
- 2021-12-29 CN CN202111643940.9A patent/CN114339369A/zh active Pending
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102724586A (zh) * | 2012-07-05 | 2012-10-10 | 百视通网络电视技术发展有限责任公司 | 基于iptv的页面缓存方法及系统 |
CN108243355A (zh) * | 2017-12-25 | 2018-07-03 | 四川迪佳通电子有限公司 | 机顶盒用户界面加载方法及系统 |
CN111259284A (zh) * | 2018-11-30 | 2020-06-09 | 阿里巴巴集团控股有限公司 | 页面懒加载的方法和装置、存储介质和处理器 |
CN111597475A (zh) * | 2020-04-21 | 2020-08-28 | 五八有限公司 | 一种返回页面的方法、装置、电子设备及计算机存储介质 |
CN113784194A (zh) * | 2020-09-03 | 2021-12-10 | 北京沃东天骏信息技术有限公司 | 一种视频播放器的嵌入方法和装置 |
Non-Patent Citations (1)
Title |
---|
天津滨海迅腾科级集团有限公司: "《Ionic项目实战》", vol. 9787310056132, 南开大学出版社, pages: 157 - 162 * |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US7380206B1 (en) | Data distribution method and apparatus, and data reception method and apparatus | |
CN101252401B (zh) | 下载节目数据的方法、系统和终端设备 | |
US8726325B2 (en) | Method and apparatus for scheduling delivery of video and graphics | |
CN102918832A (zh) | 触发声明对象中的以电视为中心的动作 | |
CN109840879B (zh) | 图像渲染方法、装置、计算机存储介质及终端 | |
CN111629253A (zh) | 视频处理方法及装置、计算机可读存储介质、电子设备 | |
CN108810580B (zh) | 媒体内容推送方法及装置 | |
US20210274262A1 (en) | Multi-subtitle display method, intelligent terminal and storage medium | |
US20170139904A1 (en) | Systems and methods for cloud captioning digital content | |
US9542370B2 (en) | Method and apparatus for sharing JavaScript object in webpages | |
US9736515B1 (en) | Converting digital publications into a format for sending to a user device | |
CN114598893B (zh) | 文字的视频实现方法及系统、电子设备、存储介质 | |
CN201585036U (zh) | 基于sd卡的支持电子书籍阅读功能的机顶盒 | |
US20090025045A1 (en) | Method and system for delivering personal media over cable television | |
US9686587B2 (en) | Playback method and apparatus | |
CN101741587A (zh) | 播放ppt的多媒体终端及在其上播放ppt的方法 | |
CN114339369A (zh) | 适用于机顶盒的电视端页面展示方法 | |
CN111918074A (zh) | 直播视频故障预警方法及相关设备 | |
CN116578795A (zh) | 网页页面的生成方法及装置、存储介质、电子设备 | |
CN102289358A (zh) | 用于更有效地显示数据的计算机实现的方法、计算机程序产品和嵌入式系统 | |
CN108900866A (zh) | 一种基于融媒体服务平台的多级数据直播系统 | |
CN113641853A (zh) | 动态封面生成方法、装置、电子设备、介质及程序产品 | |
CN107133337B (zh) | 流式播放互动绘本播放方法、系统和计算机可读存储介质 | |
CN100409662C (zh) | 自动放映的文件的制做方法及该文件的播放方法 | |
US9578396B2 (en) | Method and device for providing HTML-based program guide service in a broadcasting terminal, and recording medium therefor |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20220412 |
|
RJ01 | Rejection of invention patent application after publication |