CN108966030A - 浏览器网页视频自动全屏播放和控制方法 - Google Patents
浏览器网页视频自动全屏播放和控制方法 Download PDFInfo
- Publication number
- CN108966030A CN108966030A CN201810857314.1A CN201810857314A CN108966030A CN 108966030 A CN108966030 A CN 108966030A CN 201810857314 A CN201810857314 A CN 201810857314A CN 108966030 A CN108966030 A CN 108966030A
- Authority
- CN
- China
- Prior art keywords
- video
- browser
- played
- page
- kernel
- 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
Classifications
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
- H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
- H04N21/47—End-user applications
- H04N21/478—Supplemental services, e.g. displaying phone caller identification, shopping application
- H04N21/4782—Web browsing, e.g. WebTV
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
- H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
- H04N21/41—Structure of client; Structure of client peripherals
- H04N21/422—Input-only peripherals, i.e. input devices connected to specially adapted client devices, e.g. global positioning system [GPS]
- H04N21/42204—User interfaces specially adapted for controlling a client device through a remote control device; Remote control devices therefor
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
- H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
- H04N21/43—Processing of content or additional data, e.g. demultiplexing additional data from a digital video stream; Elementary client operations, e.g. monitoring of home network or synchronising decoder's clock; Client middleware
- H04N21/431—Generation of visual interfaces for content selection or interaction; Content or additional data rendering
- H04N21/4312—Generation of visual interfaces for content selection or interaction; Content or additional data rendering involving specific graphical features, e.g. screen layout, special fonts or colors, blinking icons, highlights or animations
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
- H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
- H04N21/43—Processing of content or additional data, e.g. demultiplexing additional data from a digital video stream; Elementary client operations, e.g. monitoring of home network or synchronising decoder's clock; Client middleware
- H04N21/443—OS processes, e.g. booting an STB, implementing a Java virtual machine in an STB or power management in an STB
Abstract
本发明公开了一种浏览器网页视频自动全屏播放和控制方法，包括，步骤S1)：用户通过浏览器浏览页面，浏览器内核自动解析所述页面；步骤S2)：浏览器内核将解析出的视频资源的播放地址发送给自定义的播放器全屏播放，并将视频的播放控制权交由电视遥控器。用户打开视频页面时，自动切换到全屏模式播放视频，且不用移动页面光标来控制播放，极大减少了按键次数；不需要任何点击操作，符合智能电视的观看和操作习惯。浏览器内核解析、保存、传输视频资源与内核解析、渲染网页页面同时进行，自动传递资源到浏览器应用层的播放器进行播放，无需应用层主动触发，实现了自动全屏和对视频的控制功能。
Description
技术领域
本发明涉及互联网多媒体技术领域，具体的说，是一种浏览器网页视频自动全屏播放和控制方法。
背景技术
随着现代社会的发展，智能电视的普及，浏览器等主流应用也被集成到智能电视中，各种厂商的电视版浏览器也应运而生。但是浏览器的操控方式仍然是电脑式的操控模式，即光标定位操控，用户只能使用遥控器方向键来控制光标的移动或者使用蓝牙鼠标、外接USB鼠标来控制浏览网页上的内容和视频。智能电视主要功能是呈现各种视频节目内容，因此浏览器如何向用户提供智能的视频播放体验成为优先解决的难题。目前传统的浏览器操作模式是当用户进入一个视频页面观看视频时，页面呈现的是小窗口播放视频的形式，由于页面本身的原因，可能视频窗口会很小，无法满足电视带给用户的大屏感受，用户想要切换到全屏播放，只能移动页面光标，找到视频小窗下非常小的全屏切换按钮，而且需要光标精确定位点击确认后方可进入全屏播放，且切换全屏时间长短取决于电视机性能，可能会长达3秒以上；拖动视频播放进度时，也必须将光标精准地定位到播放进度条才能完成想要的动作，操作繁琐。
发明内容
本发明的目的在于提供一种浏览器网页视频自动全屏播放和控制方法，用于解决现有技术中智能电视在播放网页视频时，需要移动光标找准页面窗口进行切换全屏，不易找准以及切换全屏时间长的问题。
本发明通过下述技术方案解决上述问题：
一种浏览器网页视频自动全屏播放和控制方法，包括，
步骤S1)：用户通过浏览器浏览页面，浏览器内核自动解析所述页面；
步骤S2)：浏览器内核将解析出的视频资源的播放地址发送给自定义的播放器全屏播放，并将视频的播放控制权交由电视遥控器。
用户在基于Android系统的智能电视上，采用电视上的浏览器进行浏览页面时，浏览器内核自动对所浏览页面中的页面标签元素进行解析，当解析结果为存在视频标签元素时，浏览器内核保存当前视频的视频播放地址，并同时阻断浏览器内核对视频的加载流程，同时将所述播放地址发送给浏览器应用层，由浏览器应用层创建自定义的播放器，对所述播放地址内的视频资源进行全屏自动播放，并由电视遥控器控制视频播放过程中的播放/暂停、拖放以及退出播放等。由于浏览器自动将解析的视频资源全屏播放，因此，用户打开视频网页后，浏览器直接获取视频资源并自动将视频切换成全屏播放，且用户可以直接用电视遥控器进行播放、暂停、快进、快退、返回等操作，不需要用户手动移动页面光标找到全屏切换按钮后，进行光标精准定位后点击确认再进入全屏播放，也不需要将光标精准地定位到播放进度条来完成播放进度调节，因此，极大减少了按键次数，简化了操作。
进一步地，所述步骤S1)具体包括：所述浏览器内核自动解析页面中的视频标签元素，当解析出视频资源时，浏览器内核阻断原有的视频加载播放流程，并保存当前视频资源的播放地址。
当内核自动解析出视频资源时，保存当前视频播放地址并阻断浏览器内核原有的视频加载播放流程，整个过程完全由浏览器内核自主完成，且与内核解析页面元素几乎同时进行，因此不需要增加代码模块进行重复获取资源，提高了运行效率和加载速度。
进一步地，所述步骤S2)具体包括：
步骤S21)：浏览器内核将所述播放地址发送给内核层browser模块，所述内核层browser模块将接收到的播放地址发送给浏览器应用层；
步骤S22)：浏览器应用层接收到所述播放地址后，浏览器主线程自动创建自定义的播放器；
步骤S23)：所述自定义的播放器立即启动，自动切换为全屏状态播放所述播放地址的视频资源；
步骤S24)：浏览器应用层将播放控制权交由电视遥控器。
浏览器内核层负责在加载网页时解析视频标签元素，将视频播放地址截获并发送给浏览器应用层的主线程，应用层的主线程MainActivity收到视频资源通知后自动创建自定义播放器播放并控制视频。浏览器内核层包括用于解析页面视频标签元素的HTML媒体元素接口(HTMLMediaElement)、用于渲染页面内容的renderer模块和browser模块，renderer模块和browser模块是浏览器运行时的两个进程模块，两个进程模块之间采用进程间通信消息IPC(Inter-Process Communication)进行传递消息，浏览器内核层和浏览器应用层之间采用JNI(Java Native Interface)进行消息传递，最终将视频资源的播放地址传递给浏览器应用层。浏览器内核解析、保存、传输视频资源与浏览器内核解析、渲染网页页面同时进行，自动传递资源到浏览器应用层，无需应用层主动触发。浏览器应用层的主线程MainActivity，接收到浏览器内核发送的视频播放地址通知后，创建自定义播放器CHPlayerActivity，切换到自定义全屏播放界面，CHPlayerActivity使用MediaPlayer实现视频播放，同时将播放控制权交由电视遥控器。
进一步地，所述步骤S21)中，浏览器内核将所述播放地址通过浏览器内部IPC消息发送给内核层browser模块。
两个进程模块之间采用进程间通信消息IPC(Inter-Process Communication)进行传递消息。
进一步地，所述步骤S21)中，所述浏览器内核层的browser模块接收到的播放地址通过封装的JNI接口将播放地址发送给浏览器应用层。
WebContentsDelegate Android.jav是JNI接口的实现源码。
本发明与现有技术相比，具有以下优点及有益效果：
(1)用户打开视频页面时，自动切换到全屏模式播放视频，且不用移动页面光标来控制播放，极大减少了按键次数；不需要任何点击操作，符合智能电视的观看和操作习惯。
(2)浏览器内核解析、保存、传输视频资源与内核解析、渲染网页页面同时进行，自动传递资源到浏览器应用层的播放器进行播放，是自下而上的过程，无需应用层主动触发；实现了自动全屏和对视频的控制功能，简化了浏览器对播放视频的操作，适应了智能电视遥控器的操作模式，且进入视频网页后，将网页小窗口视频自动全屏播放，给用户带来了更智能的浏览器播放体验。
(3)浏览器内核层阻断原有的视频加载流程与内核解析页面元素同时进行，不会增加代码模块再来获取一次资源，不会降低运行效率和加载速度，不影响浏览器运行和加载效率。
附图说明
图1为本发明的流程图。
具体实施方式
下面结合实施例对本发明作进一步地详细说明，但本发明的实施方式不限于此。
实施例1：
结合附图1所示，一种浏览器网页视频自动全屏播放和控制方法，包括：
步骤S1)：所述浏览器内核自动解析页面中的视频标签元素，当解析出视频资源时，浏览器内核阻断原有的视频加载播放流程，并保存当前视频资源的播放地址；
步骤S2)：浏览器内核将解析出的视频资源的播放地址发送给自定义的播放器全屏播放，并将视频的播放控制权交由电视遥控器，具体包括，
步骤S21)：浏览器内核将所述播放地址发送给内核层browser模块，所述内核层browser模块将接收到的播放地址发送给浏览器应用层；
步骤S22)：浏览器应用层接收到所述播放地址后，浏览器主线程自动创建自定义的播放器；
步骤S23)：所述自定义的播放器立即启动，自动切换为全屏状态播放所述播放地址的视频资源；
步骤S24)：浏览器应用层将播放控制权交由电视遥控器
用户在基于Android系统的智能电视上，采用电视上的浏览器进行浏览页面时，浏览器内核自动对所浏览页面中的页面标签元素进行解析，如打开某一视频页面，其视频标签元素如下：
<video width＝"100％"height＝"100％"x-webkit-airplay＝"allow"
src＝"http://video.com/？id＝123ABC"//video标签的src元素
</video>。
当页面中视频标签的src元素成功解析出后，浏览器内核保存当前视频的视频播放地址：http://video.com/？id＝123ABC，并同时阻断浏览器内核对视频的加载流程，将src参数传递到浏览器应用层。整个过程完全由浏览器内核自主完成，且与内核解析页面元素几乎同时进行，因此不需要增加代码模块进行重复获取资源，提高了运行效率和加载速度。浏览器内核层包括用于解析页面视频标签元素的HTML媒体元素接口(HTMLMediaElement)、用于渲染页面内容的renderer模块和browser模块，renderer模块和browser模块是浏览器运行时的两个进程模块，两个进程模块之间采用进程间通信消息IPC(Inter-Process Communication)进行传递消息，浏览器内核层和浏览器应用层之间采用JNI(Java Native Interface)进行消息传递，最终将视频资源的播放地址传递给浏览器应用层。浏览器内核解析、保存、传输视频资源与浏览器内核解析、渲染网页页面同时进行，自动传递资源到浏览器应用层，无需应用层主动触发。浏览器应用层中的主线程控制代码MainActivity，接收到内核层的视频播放地址通知后，创建自定义播放器ChPlayerActivity(包括播放控制界面和播放控制权)进行播放器界面UI的全屏设置并切换到自定义全屏播放界面，CHPlayerActivity使用MediaPlayer实现视频播放，同时将播放控制权交由电视遥控。用户可以直接使用电视遥控器对正在播放的视频进行控制，确定键可控制视频的播放或暂停，左右方向键可控制视频的拖动，返回键可退出播放，视频播放完后如有下一视频则继续自动播放下一视频，否则自动退出自定义播放器。不需要用户手动移动页面光标找到全屏切换按钮后，进行光标精准定位后点击确认再进入全屏播放，也不需要将光标精准地定位到播放进度条来完成播放进度调节，因此，极大减少了按键次数，简化了操作。
尽管这里参照本发明的解释性实施例对本发明进行了描述，上述实施例仅为本发明较佳的实施方式，本发明的实施方式并不受上述实施例的限制，应该理解，本领域技术人员可以设计出很多其他的修改和实施方式，这些修改和实施方式将落在本申请公开的原则范围和精神之内。
Claims (5)
1.一种浏览器网页视频自动全屏播放和控制方法，其特征在于，包括，
步骤S1)：用户通过浏览器浏览页面，浏览器内核自动解析所述页面；
步骤S2)：浏览器内核将解析出的视频资源的播放地址发送给自定义的播放器全屏播放，并将视频的播放控制权交由电视遥控器。
2.根据权利要求1所述的一种浏览器网页视频自动全屏播放和控制方法，其特征在于，所述步骤S1)具体包括：所述浏览器内核自动解析页面中的视频标签元素，当解析出视频资源时，浏览器内核阻断原有的视频加载播放流程，并保存当前视频资源的播放地址。
3.根据权利要求2所述的一种浏览器网页视频自动全屏播放和控制方法，其特征在于，所述步骤S2)具体包括：
步骤S21)：浏览器内核将所述播放地址发送给内核层browser模块，所述内核层browser模块将接收到的播放地址发送给浏览器应用层；
步骤S22)：浏览器应用层接收到所述播放地址后，浏览器主线程自动创建自定义的播放器；
步骤S23)：所述自定义的播放器立即启动，自动切换为全屏状态播放所述播放地址的视频资源；
步骤S24)：浏览器应用层将播放控制权交由电视遥控器。
4.根据权利要求3所述的一种浏览器网页视频自动全屏播放和控制方法，其特征在于，所述步骤S21)中，浏览器内核将所述播放地址通过浏览器内部IPC消息发送给内核层browser模块。
5.根据权利要求3所述的一种浏览器网页视频自动全屏播放和控制方法，其特征在于，所述步骤S21)中，所述内核层browser模块将接收到的播放地址通过封装的JNI接口将播放地址发送给浏览器应用层。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201810857314.1A CN108966030A (zh) | 2018-07-31 | 2018-07-31 | 浏览器网页视频自动全屏播放和控制方法 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201810857314.1A CN108966030A (zh) | 2018-07-31 | 2018-07-31 | 浏览器网页视频自动全屏播放和控制方法 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN108966030A true CN108966030A (zh) | 2018-12-07 |
Family
ID=64466377
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201810857314.1A Pending CN108966030A (zh) | 2018-07-31 | 2018-07-31 | 浏览器网页视频自动全屏播放和控制方法 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN108966030A (zh) |
Cited By (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN110650352A (zh) * | 2019-09-06 | 2020-01-03 | 四川天邑康和通信股份有限公司 | 一种iptv浏览器的视频处理方法 |
| CN110913277A (zh) * | 2019-11-29 | 2020-03-24 | 百度在线网络技术（北京）有限公司 | 一种视频播放方法、装置、电子设备及存储介质 |
| CN111526401A (zh) * | 2020-04-30 | 2020-08-11 | 青岛海信传媒网络技术有限公司 | 一种视频播放控制方法及显示设备 |
| CN113542901A (zh) * | 2021-07-14 | 2021-10-22 | Vidaa美国公司 | 一种显示设备、及网络频道的快速切换显示方法 |
| CN115499695A (zh) * | 2022-08-16 | 2022-12-20 | 珠海全志科技股份有限公司 | 一种智能电视控制方法、装置、广告机和介质 |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103533428A (zh) * | 2012-10-31 | 2014-01-22 | Tcl集团股份有限公司 | 将智能终端网页视频推送到电视播放的方法及智能终端 |
| CN103546821A (zh) * | 2013-10-30 | 2014-01-29 | 乐视致新电子科技（天津）有限公司 | 一种视频播放界面调整的方法和装置 |
| CN104778038A (zh) * | 2015-03-20 | 2015-07-15 | 四川长虹电器股份有限公司 | 嵌入式浏览器通用html5播放器实现的方法 |
| CN105407407A (zh) * | 2014-06-26 | 2016-03-16 | 广州市动景计算机科技有限公司 | 视频的播放方法和装置 |
-
2018
- 2018-07-31 CN CN201810857314.1A patent/CN108966030A/zh active Pending
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103533428A (zh) * | 2012-10-31 | 2014-01-22 | Tcl集团股份有限公司 | 将智能终端网页视频推送到电视播放的方法及智能终端 |
| CN103546821A (zh) * | 2013-10-30 | 2014-01-29 | 乐视致新电子科技（天津）有限公司 | 一种视频播放界面调整的方法和装置 |
| CN105407407A (zh) * | 2014-06-26 | 2016-03-16 | 广州市动景计算机科技有限公司 | 视频的播放方法和装置 |
| CN104778038A (zh) * | 2015-03-20 | 2015-07-15 | 四川长虹电器股份有限公司 | 嵌入式浏览器通用html5播放器实现的方法 |
Cited By (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN110650352A (zh) * | 2019-09-06 | 2020-01-03 | 四川天邑康和通信股份有限公司 | 一种iptv浏览器的视频处理方法 |
| CN110913277A (zh) * | 2019-11-29 | 2020-03-24 | 百度在线网络技术（北京）有限公司 | 一种视频播放方法、装置、电子设备及存储介质 |
| CN111526401A (zh) * | 2020-04-30 | 2020-08-11 | 青岛海信传媒网络技术有限公司 | 一种视频播放控制方法及显示设备 |
| CN111526401B (zh) * | 2020-04-30 | 2023-02-24 | Vidaa(荷兰)国际控股有限公司 | 一种视频播放控制方法及显示设备 |
| CN113542901A (zh) * | 2021-07-14 | 2021-10-22 | Vidaa美国公司 | 一种显示设备、及网络频道的快速切换显示方法 |
| CN115499695A (zh) * | 2022-08-16 | 2022-12-20 | 珠海全志科技股份有限公司 | 一种智能电视控制方法、装置、广告机和介质 |
| CN115499695B (zh) * | 2022-08-16 | 2024-01-16 | 珠海全志科技股份有限公司 | 一种智能电视控制方法、装置、广告机和介质 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN108966030A (zh) | 浏览器网页视频自动全屏播放和控制方法 | |
| CN111698557B (zh) | 用户界面显示方法及显示设备 | |
| US20170169856A1 (en) | Video Processing Method and Associated Electronic Device | |
| CA2857113C (en) | Network tv and method for operating same | |
| US11093108B2 (en) | Method for displaying user interface and display device | |
| WO2021114529A1 (zh) | 用户界面展示方法及显示设备 | |
| WO2007036600A1 (en) | A method and a device for browsing information feeds | |
| CN111625169B (zh) | 一种遥控器浏览网页的方法及显示设备 | |
| WO2021232506A1 (zh) | 图像质量调节方法及显示设备 | |
| CN111427643A (zh) | 一种显示设备以及基于显示设备的操作指南的显示方法 | |
| JP2011141867A (ja) | データ表示装置およびサーバ装置 | |
| CN101365105A (zh) | 一种iptv电子节目指南显示控制的方法和机顶盒 | |
| CN111479155A (zh) | 显示设备及用户界面显示方法 | |
| CN111414216A (zh) | 一种显示设备以及基于显示设备的操作指南的显示方法 | |
| CN111104020B (zh) | 用户界面设置方法、存储介质及显示设备 | |
| CN112601124A (zh) | 移动终端、服务器、显示设备及远程定时关机的控制方法 | |
| CN111291238A (zh) | 一种显示设备及搜索显示方法 | |
| CN114073098A (zh) | 流媒体同步方法及显示设备 | |
| KR101958662B1 (ko) | 웹페이지 자바 스크립트 객체 공유 방법 및 장치 | |
| CN107306360A (zh) | 一种交互式网络电视业务的访问方法及装置 | |
| CN113115092B (zh) | 一种显示设备及详情页展示方法 | |
| CN109922364B (zh) | 一种显示设备 | |
| CN111324215A (zh) | 一种显示设备及搜索显示方法 | |
| JPWO2007004371A1 (ja) | 次世代テレビジョン受像機 | |
| CN111757160A (zh) | 一种启动体育模式的方法及显示设备 |
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 | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20181207 |