CN104778038A - 嵌入式浏览器通用html5播放器实现的方法 - Google Patents

嵌入式浏览器通用html5播放器实现的方法 Download PDF

Info

Publication number
CN104778038A
CN104778038A CN201510125906.0A CN201510125906A CN104778038A CN 104778038 A CN104778038 A CN 104778038A CN 201510125906 A CN201510125906 A CN 201510125906A CN 104778038 A CN104778038 A CN 104778038A
Authority
CN
China
Prior art keywords
html5
player
video
browser
player application
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
Application number
CN201510125906.0A
Other languages
English (en)
Inventor
曾祥根
张雷鸣
吴纯彬
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Sichuan Changhong Electric Co Ltd
Original Assignee
Sichuan Changhong Electric Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Sichuan Changhong Electric Co Ltd filed Critical Sichuan Changhong Electric Co Ltd
Priority to CN201510125906.0A priority Critical patent/CN104778038A/zh
Publication of CN104778038A publication Critical patent/CN104778038A/zh
Pending legal-status Critical Current

Links

Abstract

本发明涉及互联网嵌入式软件技术领域，提供一种嵌入式浏览器通用HTML5播放器实现的方法，解决嵌入式设备和HTML5视频交互性不好，以及播放器操控界面不统一、无法支持遥控设备的问题。它包括如下步骤：编写HTML5播放器应用程序；将HTML5播放器应用程序以及其版本信息存放在服务器端和终端设备，并在终端设备中配置好对应的服务器端的地址；浏览器内核按照HTML5标准，解析出HTML5视频标签中视频元素实际播放的视频源地址；浏览器内核将视频源地址传递给终端设备中的HTML5播放器应用程序，并把HTML5应用播放器界面作为用户操作界面显示出来。本发明适用于带浏览器的机顶盒和电视。

Description

嵌入式浏览器通用HTML5播放器实现的方法
技术领域
本发明涉及互联网嵌入式软件技术领域，特别涉及嵌入式浏览器通用HTML5播放器实现的方法。
背景技术
目前越来越多的嵌入式设备带有浏览器功能，通过浏览器播放HTML5视频,由于大多数视频网站主要是针对移动设备和PC设备写的应用，在机顶盒和电视等嵌入式设备上操控和功能响应可能不完善，交互性不是很好,例如播放器操控界面不统一，无法支持遥控设备等。
发明内容
本发明要解决的技术问题是：提供一种嵌入式浏览器通用HTML5播放器实现的方法，解决嵌入式设备和HTML5视频交互性不好，以及播放器操控界面不统一、无法支持遥控设备的问题。
为解决上述问题，本发明采用的技术方案是：嵌入式浏览器通用HTML5播放器实现的方法，包括如下步骤：
a.编写HTML5播放器应用程序，HTML5播放器应用程序能够实现的功能包括：播放器界面显示、用户遥控、鼠标设备交互操作响应，HTML5视频解码播放功能控制、url参数中的视频源参数解析；
b.将HTML5播放器应用程序以及其版本信息存放在服务器端和终端设备，并在终端设备中配置好对应的服务器端的地址；
c.浏览器内核按照HTML5标准，解析出HTML5视频标签中视频元素实际播放的视频源地址；
d.浏览器内核将视频源地址传递给终端设备中的HTML5播放器应用程序，并把HTML5应用播放器界面作为用户操作界面显示出来。
进一步的，步骤b还包括：将代码模块存放在服务器端，所述代码模块用于实现所述HTML5播放器应用程序版本检测和自动更新。
进一步的，步骤c还包括：浏览器内核能在启动HTML5视频播放时，忽略HMTL5网页中对视频播放器的外观和控制键的描述元素。
本发明的有益效果是：通过在终端设备存放HTML5播放器应用程序，访问不同网站的HTML5视频播放操控界面得到统一，交互得到提高；同时，播放器应用功能的修改只需要更新HTML播放器应用程序，而且不需要更新浏览器系统软件，方便了用户。
附图说明
图1为本发明实施例HTML5视频播放流程图；
图2为本发明实施例HTML5播放器应用程序升级流程图。
具体实施方式
为使本发明的目的、技术方案和优点更加清楚，下面结合附图对本发明做进一步详细描述。
本实施示例，以webkit浏览器内核为基础的网络机顶盒为例。
我们可以首先修改浏览器内核程序，使浏览器内核能在启动HTML5视频播放时，忽略该HMTL5网页中对视频播放器的外观和控制键的描述元素，直接启动终端设备内置的HTML5播放器应用程序，同时把从HTML5网页中提取的实际播放的视频源地址，传递给应用终端的HTML5播放器应用程序，并把HTML5应用播放器界面作为用户操作界面显示出来。
按照需求用HTML5/js/css语言编写HTML5播放器应用程序，HTML5播放器应用程序能够实现播放器界面显示、用户遥控、鼠标等设备交互操作响应、HTML5视频解码播放功能控制、url参数中的视频源参数解析等功能。然后将HTML5播放器应用程序以及其版本信息存放在服务器端和终端设备，并在终端设备中配置好对应的服务器端的地址。HTML5视频播放流程如图1所示：
11、用户启动webkit浏览器访问HTML5视频网站。
12、用户选择播放视频。
13、通过webkit浏览器内核解析出播放视频的视频源地址。地址连接信息类似“http://www.test.com/video/test.mp4”这样的形式。
14、启动存放在终端设备的HTML5播放器应用程序，并将视频源地址传递给HTML5播放器应用程序。
15、播放HTML5视频，完成用户与播放器的运用交互。
16、播放完成之后，退出运用则返回进入前页面，不退出运用则停留在交互页面。
为了便于对HTML5播放器应用程序版本检测和自动更新，可以在服务器端存放一个代码模块，对于没有安装HTML5播放器应用程序或版本过时的终端设备，代码模块提供HTML5播放器应用程序升级机制和升级版本。升级的流程如图2所示，流程如下：
21、终端设备从服务器端获取HTML5播放器应用程序版本信息。
22、判断是否成功获取版本信息，若成功则进入步骤23，否则返回步骤21。
23、比较获取的版本，判断是否更新，如果是，则进入步骤24，否则结束升级。
24、从服务器端下载新版本。
25、判断下载是否成功，如果是，则进入步骤26，否则返回步骤24继续下载。
26、更新终端设备的本地版本，完成更新。
以上所述仅为本发明的较佳实施例而已，并不用以限制本发明，凡在本发明的精神和原则之内所作的任何修改、等同替换和改进等，均应包含在本发明的保护范围之内。

Claims (3)

1.嵌入式浏览器通用HTML5播放器实现的方法，其特征在于，包括如下步骤：
a.编写HTML5播放器应用程序，HTML5播放器应用程序能够实现的功能包括：播放器界面显示、用户遥控、鼠标设备交互操作响应，HTML5视频解码播放功能控制、url参数中的视频源参数解析；
b.将HTML5播放器应用程序以及其版本信息存放在服务器端和终端设备，并在终端设备中配置好对应的服务器端的地址；
c.浏览器内核按照HTML5标准，解析出HTML5视频标签中视频元素实际播放的视频源地址；
d.浏览器内核将视频源地址传递给终端设备中的HTML5播放器应用程序，并把HTML5应用播放器界面作为用户操作界面显示出来。
2.根据权利要求1所述的嵌入式浏览器通用HTML5播放器实现的方法，其特征在于，步骤b还包括：将代码模块存放在服务器端，所述代码模块用于实现所述HTML5播放器应用程序版本检测和自动更新。
3.根据权利要求1或2所述的嵌入式浏览器通用HTML5播放器实现的方法，其特征在于，步骤c还包括：浏览器内核在启动HTML5视频播放时，忽略HMTL5网页中对视频播放器的外观和控制键的描述元素。
CN201510125906.0A 2015-03-20 2015-03-20 嵌入式浏览器通用html5播放器实现的方法 Pending CN104778038A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201510125906.0A CN104778038A (zh) 2015-03-20 2015-03-20 嵌入式浏览器通用html5播放器实现的方法

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201510125906.0A CN104778038A (zh) 2015-03-20 2015-03-20 嵌入式浏览器通用html5播放器实现的方法

Publications (1)

Publication Number Publication Date
CN104778038A true CN104778038A (zh) 2015-07-15

Family

ID=53619524

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201510125906.0A Pending CN104778038A (zh) 2015-03-20 2015-03-20 嵌入式浏览器通用html5播放器实现的方法

Country Status (1)

Country Link
CN (1) CN104778038A (zh)

Cited By (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN106470349A (zh) * 2015-08-21 2017-03-01 中国科学院声学研究所 一种智能电视中html5视频的提取和操控优化方法
CN106507164A (zh) * 2016-11-14 2017-03-15 四川长虹电器股份有限公司 基于html5的影音冰箱
CN108966030A (zh) * 2018-07-31 2018-12-07 四川长虹电器股份有限公司 浏览器网页视频自动全屏播放和控制方法
CN110545488A (zh) * 2019-09-20 2019-12-06 广州易方信息科技股份有限公司 web播放器发版中音视频零故障播放方法及系统

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102779046A (zh) * 2012-07-04 2012-11-14 合一网络技术(北京)有限公司 一种基于html5开发的视频播放系统及其视频播放方法
CN102779048A (zh) * 2011-05-10 2012-11-14 北京磊友信息科技有限公司 移动终端上运行html5应用程序的方法及设备
CN102905185A (zh) * 2012-10-26 2013-01-30 四川长虹电器股份有限公司 全语音控制html5视频播放的方法
CN103414866A (zh) * 2013-07-25 2013-11-27 深圳Tcl新技术有限公司 播放在线音视频的方法、嵌入式多媒体设备及电视
CN103533428A (zh) * 2012-10-31 2014-01-22 Tcl集团股份有限公司 将智能终端网页视频推送到电视播放的方法及智能终端
CN103546821A (zh) * 2013-10-30 2014-01-29 乐视致新电子科技（天津）有限公司 一种视频播放界面调整的方法和装置

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102779048A (zh) * 2011-05-10 2012-11-14 北京磊友信息科技有限公司 移动终端上运行html5应用程序的方法及设备
CN102779046A (zh) * 2012-07-04 2012-11-14 合一网络技术(北京)有限公司 一种基于html5开发的视频播放系统及其视频播放方法
CN102905185A (zh) * 2012-10-26 2013-01-30 四川长虹电器股份有限公司 全语音控制html5视频播放的方法
CN103533428A (zh) * 2012-10-31 2014-01-22 Tcl集团股份有限公司 将智能终端网页视频推送到电视播放的方法及智能终端
CN103414866A (zh) * 2013-07-25 2013-11-27 深圳Tcl新技术有限公司 播放在线音视频的方法、嵌入式多媒体设备及电视
CN103546821A (zh) * 2013-10-30 2014-01-29 乐视致新电子科技（天津）有限公司 一种视频播放界面调整的方法和装置

Non-Patent Citations (3)

* Cited by examiner, † Cited by third party
Title
踏雪CC: "HTML5播放器MediaElement.js用法", 《HTTP://BLOG.CSDN.NET/WELOVESUNFLOWER/ ARTICLE/DETAILS/38434039》 *
阻击者: "分享10款最棒的免费HTML5视频播放器", 《HTTP://WWW.CHINAZ. COM/FREE/2011/1219/227037.SHTML》 *
黄雄: "基于HTML5的视频音频传输技术的研究与设计", 《中国优秀硕士学位论文全文数据库 信息科技辑》 *

Cited By (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN106470349A (zh) * 2015-08-21 2017-03-01 中国科学院声学研究所 一种智能电视中html5视频的提取和操控优化方法
CN106507164A (zh) * 2016-11-14 2017-03-15 四川长虹电器股份有限公司 基于html5的影音冰箱
CN108966030A (zh) * 2018-07-31 2018-12-07 四川长虹电器股份有限公司 浏览器网页视频自动全屏播放和控制方法
CN110545488A (zh) * 2019-09-20 2019-12-06 广州易方信息科技股份有限公司 web播放器发版中音视频零故障播放方法及系统

Similar Documents

Publication Publication Date Title
CN102779046B (zh) 一种基于html5开发的视频播放系统及其视频播放方法
CN104765617B (zh) 基于html5实现的流应用功能接口分发方法及系统
CN104158836B (zh) 一种通过数据渲染移动应用界面的方法
CN101036385B (zh) 在数字电视中提供交互式服务的方法和系统
CN101951405A (zh) 一种基于webkit的机顶盒中间件的实现方法
CN105242937A (zh) 一种动态更新应用界面的方法、终端及系统
CN103533428A (zh) 将智能终端网页视频推送到电视播放的方法及智能终端
CN104021172A (zh) 广告过滤方法及广告过滤装置
CN104778038A (zh) 嵌入式浏览器通用html5播放器实现的方法
WO2021218977A1 (zh) 一种显示设备及应用程序界面显示方法
CN101710936A (zh) 一种基于机顶盒的iptv截图实现方法及装置
CN104866512A (zh) 提取网页内容的方法、装置及系统
CN102915308A (zh) 一种页面渲染的方法及装置
US20110314368A1 (en) Method to Generate a Software Part of a Web Page and Such Software Part
CN103345421A (zh) 应用程序推送方法及装置
CN105704562B (zh) 一种网络电视云服务平台的多版本兼容方法及装置
CN103024608A (zh) 一种网络媒体播放的方法及装置
CN104021158A (zh) 网页中网页元素的调整方法、装置和移动终端
Frederick et al. Beginning smartphone web development
CN103024564B (zh) Iptv平台epg页面可视化开发与自动生成方法
CN108319474B (zh) 一种页面信息生成方法、装置和设备
CN104113603B (zh) 提供使用应用的服务的服务器、系统和方法
CN103747280A (zh) 一种创建节目单的方法及电子设备
CN112449250A (zh) 一种视频资源的下载方法、装置、设备和介质
CN104581390A (zh) 一种基于Android系统的EPG客户端检测方法

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
EXSB Decision made by sipo to initiate substantive examination
SE01 Entry into force of request for substantive examination
RJ01 Rejection of invention patent application after publication
RJ01 Rejection of invention patent application after publication

Application publication date: 20150715