CN104093062A - 一种用于移动终端的网页视频加载系统及其加载方法 - Google Patents
一种用于移动终端的网页视频加载系统及其加载方法 Download PDFInfo
- Publication number
- CN104093062A CN104093062A CN201410371731.7A CN201410371731A CN104093062A CN 104093062 A CN104093062 A CN 104093062A CN 201410371731 A CN201410371731 A CN 201410371731A CN 104093062 A CN104093062 A CN 104093062A
- Authority
- CN
- China
- Prior art keywords
- video
- webpage
- loading
- mobile terminal
- web page
- 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
Landscapes
- Information Transfer Between Computers (AREA)
Abstract
本发明公开了一种用于移动终端的网页视频加载系统及其加载方法，加载系统包含：用于网页浏览，并能够在当前网页中加载帧布局的浏览器。用于扫描网页中的视频资源，当网页存在视频资源时，提取并保存该视频资源的视频路径的源码解码模块。用于检测是否有网页中的视频被播放，当存在被播放的视频时，通过上述的源码解码器提取该视频的视频路径；及用于扫描判断当前浏览网页中是否存在视频焦点的视频检测模块。用于在帧布局中载入加载视频控件的加载控件模块。
Description
技术领域
本发明涉及网页视频加载方法，具体涉及一种用于移动终端的网页视频加载系统及其加载方法。
背景技术
在网络日新月异的时代，移动终端上网已经成为人们生活中的必不可少的一种生活方式。现有的网页视频加载主要是通过Flash或者是优酷等其他的播放器，在手机网页上播放视频，唯一的缺点是当用户使用智能移动终端拖动网页的时候，视频也是随着网页的移动而移动，不能够满足人们边看网页边看视频的需求。
发明内容
本发明的目的在于提供一种用于移动终端的网页视频加载系统及其加载方法，通过浏览器、源码解码模块、视频检测模块及加载控件模块的设置使用，实现在使用移动终端进行浏览网页时，网页中的视频会一直显示在屏幕的固定地方，视频的位置不会随着网页位置的移动而改变，因此可以实现边看网页边看视频，特别是便于屏幕较大的手机或者是平板电脑中浏览网页的同时观看视频。
为了达到上述目的，本发明通过以下技术方案实现：
一种用于移动终端的网页视频加载系统，包含：浏览器，用于网页浏览，并能够在当前网页中加载帧布局；其特点是，该加载系统还包含：
源码解码模块，用于扫描网页中的视频资源，当网页存在视频资源时，提取并保存该视频资源的视频路径。
视频检测模块，用于检测判断是否有网页中的视频被播放，当存在被播放的视频时，通过上述的源码解码器提取该视频的视频路径；及用于扫描判断当前浏览网页中是否存在视频焦点。
加载控件模块，用于在帧布局中载入加载视频控件。
一种用于上述移动终端网页视频加载系统的加载方法，其特点是，该方法包含如下步骤：
步骤S1，浏览移动终端的网页，扫描网页中的视频资源，当网页存在视频资源时，提取并保存该视频资源的视频路径。
步骤S2，检测判断是否有网页中的视频被播放，当存在被播放的视频时，提取该视频的视频路径；并扫描判断当前浏览网页中是否存在视频焦点，当不存在时，控制浏览器生成一个帧布局。
步骤S3，在上述步骤S2中生成的帧布局中载入加载视频控件。
上述的用于上述移动终端网页视频加载系统的加载方法，其特点是，上述的步骤S1具体操作如下：
上述的浏览器进行移动终端的网页浏览，并控制上述的源码解码器扫描当前网页是否有视频资源，当该源码解码器判断该网页存在视频资源时，源码解码器提取并保存网页中视频资源的视频路径，执行步骤S2。
上述的用于上述移动终端网页视频加载系统的加载方法，其特点是，上述的步骤S2包含如下步骤：
步骤S2.1，上述的视频检测模块检测判断浏览的网页中是否有视频被播放，当存在被播放的视频时，该视频检测模块接收到播放信号并通过上述的源码解码器提取该视频的视频路径后执行步骤S2.2。
步骤S2.2，该视频检测模块判断在当前浏览网页中是否存在视频焦点，不存在时，视频检测模块判断在当前浏览网页中不存在正在播放的视频，执行步骤S2.3。
步骤S2.3，视频检测模块控制浏览器在当前浏览网页中生成一个帧布局。
上述的用于上述移动终端网页视频加载系统的加载方法，其特点是，上述的步骤S3包含如下步骤：
步骤S3.1，上述的加载控件模块在上述的步骤S2.3生成的帧布局中载入加载视频控件。
步骤S3.2，该加载控件模块在上述帧布局中同时载入视频播放控件。
步骤S3.3，当上述的加载视频控件加载被播放的视频在当前浏览网页中的帧布局上进行播放时，上述的视频播放控件控制该视频的播放进度。
本发明与现有技术相比具有以下优点：
本发明提供的一种用于移动终端的网页视频加载系统及其加载方法，能够通过浏览器、源码解码模块、视频检测模块及加载控件模块的设置，实现通过加载帧布局、加载视频播放路径实现在任意当前浏览的网页页面上，在浏览网页的同时观看视频，满足人们一边观看视频一边浏览网页的需求，提高了移动终端的使用便捷性。
附图说明
图1为本发明一种用于网页视频加载系统的网页视频加载方法的整理流程图。
具体实施方式
以下结合附图，通过详细说明一个较佳的具体实施例，对本发明做进一步阐述。
一种用于移动终端的页视频加载系统，该加载系统包含：用于网页浏览，并能够在当前网页中加载帧布局的浏览器。用于扫描网页中的视频资源，当网页存在视频资源时，提取并保存该视频资源的视频路径的源码解码模块。用于检测是否有网页中的视频被播放，当存在被播放的视频时，通过上述的源码解码器提取该视频的视频路径；及用于扫描判断当前浏览网页中是否存在视频焦点的视频检测模块。用于在帧布局中载入加载视频控件的加载控件模块。
如图1所示，一种用于上述网页视频加载系统的网页视频加载方法，包含如下步骤：
步骤S1，浏览移动终端的网页，扫描网页中的视频资源，当网页存在视频资源时，提取并保存该视频资源的视频路径。该步骤具体操作如下：
浏览器进行移动终端的网页浏览，并控制源码解码器扫描当前网页是否有视频资源，当上述的源码解码器判断该网页存在视频资源时，该源码解码器提取并保存网页中视频资源的视频路径，执行步骤S2。
当上述的源码解码器判断该网页不存在视频资源时，当浏览器浏览其他网页时，源码解码器继续进行网页扫描。
本实施例中，源码解码器根据DOM4J的解析模式用于解析视频资源。
步骤S2，检测判断是否有网页中的视频被播放，当存在被播放的视频时，提取该视频的视频路径；并扫描判断当前浏览网页中是否存在视频焦点，当不存在时，控制浏览器生成一个帧布局。该步骤具体包含如下步骤：
步骤S2.1，视频检测模块检测判断浏览的网页中是否有视频被播放，当存在被播放的视频时，该视频检测模块接收到播放信号并通过源码解码器提取该视频的视频路径后执行步骤S2.2。
当视频检测模块未检测到视频播放时，视频检测模块停止工作。
本实施例中，当视频播放时会自动触发onclick事件，视频检测模块通过检测是否存在视频播放的onclick事件判断浏览的网页中是否有视频被播放。
步骤S2.2，该视频检测模块判断在当前浏览网页中是否存在视频焦点，不存在时，视频检测模块判断在当前浏览网页中不存在正在播放的视频，执行步骤S2.3。
当视频检测模块判断在当前浏览网页中存在存在视频焦点时，判断在当前浏览网页中存在正在播放的视频，结束操作。
步骤S2.3，视频检测模块控制浏览器在当前浏览网页中生成一个帧布局。
帧布局是一种能够使加载对象悬浮在浏览器浏览的当前网页上的布局。
步骤S3，在上述步骤S2中生成的帧布局中载入加载视频控件。该步骤包含如下步骤：
步骤S3.1，上述的加载控件模块在上述的步骤S2.3生成的帧布局中载入加载视频控件。
步骤S3.2，该加载控件模块在上述帧布局中同时载入视频播放控件。
步骤S3.3，当上述的加载视频控件加载被播放的视频在当前浏览网页中的帧布局上进行播放时，上述的视频播放控件控制该视频的播放进度。
本实施例中的移动终端是基于安卓（Android）系统，并且以WebView控件作为加载视频控件。WebView控件能够加载视频或动画。
帧布局的大小可以根据移动终端的屏幕尺寸决定，本实施例中，帧布局的尺寸比例为移动终端的屏幕的黄金分割比例，其中，帧布局的宽度=移动终端屏幕的宽度×0.618；帧布局的高度=移动终端屏幕的高度×0.618。
尽管本发明的内容已经通过上述优选实施例作了详细介绍，但应当认识到上述的描述不应被认为是对本发明的限制。在本领域技术人员阅读了上述内容后，对于本发明的多种修改和替代都将是显而易见的。因此，本发明的保护范围应由所附的权利要求来限定。
Claims (5)
1.一种用于移动终端的网页视频加载系统，包含：浏览器，用于网页浏览，并能够在当前网页中加载帧布局；其特征在于，该加载系统还包含：
源码解码模块，用于扫描网页中的视频资源，当网页存在视频资源时，提取并保存该视频资源的视频路径；
视频检测模块，用于检测判断是否有网页中的视频被播放，当存在被播放的视频时，通过所述的源码解码器提取该视频的视频路径；及用于扫描判断当前浏览网页中是否存在视频焦点；
加载控件模块，用于在帧布局中载入加载视频控件。
2.一种用于上述移动终端网页视频加载系统的加载方法，其特征在于，该方法包含如下步骤：
步骤S1，浏览移动终端的网页，扫描网页中的视频资源，当网页存在视频资源时，提取并保存该视频资源的视频路径；
步骤S2，检测判断是否有网页中的视频被播放，当存在被播放的视频时，提取该视频的视频路径；并扫描判断当前浏览网页中是否存在视频焦点，当不存在时，控制浏览器生成一个帧布局；
步骤S3，在上述步骤S2中生成的帧布局中载入加载视频控件。
3.如权利要求2所述的用于上述移动终端网页视频加载系统的加载方法，其特征在于，所述的步骤S1具体操作如下：
所述的浏览器进行移动终端的网页浏览，并控制所述的源码解码器扫描当前网页是否有视频资源，当该源码解码器判断该网页存在视频资源时，源码解码器提取并保存网页中视频资源的视频路径，执行步骤S2。
4.如权利要求2所述的用于上述移动终端网页视频加载系统的加载方法，其特征在于，所述的步骤S2包含如下步骤：
步骤S2.1，所述的视频检测模块检测判断浏览的网页中是否有视频被播放，当存在被播放的视频时，该视频检测模块接收到播放信号并通过所述的源码解码器提取该视频的视频路径后执行步骤S2.2；
步骤S2.2，该视频检测模块判断在当前浏览网页中是否存在视频焦点，不存在时，视频检测模块判断在当前浏览网页中不存在正在播放的视频，执行步骤S2.3；
步骤S2.3，视频检测模块控制浏览器在当前浏览网页中生成一个帧布局。
5.如权利要求4所述的用于上述移动终端网页视频加载系统的加载方法，其特征在于，所述的步骤S3包含如下步骤：
步骤S3.1，所述的加载控件模块在所述的步骤S2.3生成的帧布局中载入加载视频控件；
步骤S3.2，该加载控件模块在上述帧布局中同时载入视频播放控件；
步骤S3.3，当所述的加载视频控件加载被播放的视频在当前浏览网页中的帧布局上进行播放时，所述的视频播放控件控制该视频的播放进度。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201410371731.7A CN104093062A (zh) | 2014-07-31 | 2014-07-31 | 一种用于移动终端的网页视频加载系统及其加载方法 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201410371731.7A CN104093062A (zh) | 2014-07-31 | 2014-07-31 | 一种用于移动终端的网页视频加载系统及其加载方法 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN104093062A true CN104093062A (zh) | 2014-10-08 |
Family
ID=51640735
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201410371731.7A Pending CN104093062A (zh) | 2014-07-31 | 2014-07-31 | 一种用于移动终端的网页视频加载系统及其加载方法 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN104093062A (zh) |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN107770619A (zh) * | 2017-11-22 | 2018-03-06 | 重庆人人生活家科技发展有限公司 | 减少加载时间的电视端视频播放结构 |
| CN114935999A (zh) * | 2022-06-21 | 2022-08-23 | 中国建设银行股份有限公司 | 网页复制方法、装置以及设备 |
Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101489125A (zh) * | 2009-01-19 | 2009-07-22 | 孟智平 | 基于xml的视频控制方法及其系统 |
| CN101587489A (zh) * | 2009-06-12 | 2009-11-25 | 北京搜狗科技发展有限公司 | 一种浏览器展现页面特定资源的方法及系统 |
| CN101706796A (zh) * | 2008-11-14 | 2010-05-12 | 北京搜狗科技发展有限公司 | 展现网页资源的方法及装置 |
| CN101715004A (zh) * | 2009-11-12 | 2010-05-26 | 中国科学院计算技术研究所 | 面向网络视频的分布式采集方法和系统 |
| US20110119586A1 (en) * | 2007-08-16 | 2011-05-19 | Blinnikka Tomi J | Persistent visual media player |
| CN102117290A (zh) * | 2009-12-30 | 2011-07-06 | 北京搜狗科技发展有限公司 | 一种展现网页中页面元素的方法及系统 |
| CN102117291A (zh) * | 2009-12-30 | 2011-07-06 | 北京搜狗科技发展有限公司 | 一种展现网络资源的方法及系统 |
-
2014
- 2014-07-31 CN CN201410371731.7A patent/CN104093062A/zh active Pending
Patent Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20110119586A1 (en) * | 2007-08-16 | 2011-05-19 | Blinnikka Tomi J | Persistent visual media player |
| CN101706796A (zh) * | 2008-11-14 | 2010-05-12 | 北京搜狗科技发展有限公司 | 展现网页资源的方法及装置 |
| CN101489125A (zh) * | 2009-01-19 | 2009-07-22 | 孟智平 | 基于xml的视频控制方法及其系统 |
| CN101587489A (zh) * | 2009-06-12 | 2009-11-25 | 北京搜狗科技发展有限公司 | 一种浏览器展现页面特定资源的方法及系统 |
| CN101715004A (zh) * | 2009-11-12 | 2010-05-26 | 中国科学院计算技术研究所 | 面向网络视频的分布式采集方法和系统 |
| CN102117290A (zh) * | 2009-12-30 | 2011-07-06 | 北京搜狗科技发展有限公司 | 一种展现网页中页面元素的方法及系统 |
| CN102117291A (zh) * | 2009-12-30 | 2011-07-06 | 北京搜狗科技发展有限公司 | 一种展现网络资源的方法及系统 |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN107770619A (zh) * | 2017-11-22 | 2018-03-06 | 重庆人人生活家科技发展有限公司 | 减少加载时间的电视端视频播放结构 |
| CN114935999A (zh) * | 2022-06-21 | 2022-08-23 | 中国建设银行股份有限公司 | 网页复制方法、装置以及设备 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN103733172B (zh) | 用于文本选择/光标放置的自动缩放 | |
| US9104303B2 (en) | Computer device with touch screen and method for operating the same | |
| US20170220220A1 (en) | Advertisement generation apparatus and terminal device | |
| CN104268221A (zh) | 基于Ios系统WebView的翻页方法和翻页系统 | |
| US20140089842A1 (en) | Method and device for interface display | |
| CN103324276A (zh) | 一种控制待机操作的方法及装置 | |
| CN105354288A (zh) | 一种基于视频内容的图像搜索方法和装置 | |
| CN105335071A (zh) | 一种页面元素的显示方法及装置 | |
| CN105511761B (zh) | 页面内容的显示方法与装置 | |
| CN103098001B (zh) | 一种用户界面的处理方法和电子设备 | |
| CN105843531B (zh) | 一种屏幕模式的切换方法和装置 | |
| CN106162362B (zh) | 一种视频播放方法及播放器 | |
| CN103577176A (zh) | 视频独立播放的实现方法及实现该方法的移动终端设备 | |
| CN103472983A (zh) | 定位页面内容的方法及装置 | |
| CN106155507A (zh) | 一种页面内容显示方法及电子设备 | |
| WO2014176906A1 (en) | Online video playing method and apparatus and computer readable medium | |
| CN103942202B (zh) | 网页文本域高度自适应缩放方法及装置 | |
| CN110909274B (zh) | 页面浏览方法、装置及电子设备 | |
| CN103577479A (zh) | 网页内容显示方法及系统 | |
| CN105892794A (zh) | 一种浏览器界面显示方法及装置 | |
| CN103488398A (zh) | 一种页面显示方法、装置和智能终端 | |
| CN103955330A (zh) | 一种信息显示方法及装置 | |
| US20160085408A1 (en) | Information processing method and electronic device thereof | |
| CN104093062A (zh) | 一种用于移动终端的网页视频加载系统及其加载方法 | |
| CN107885413A (zh) | 图标对齐方法及装置 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | 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: 20141008 |
|
| RJ01 | Rejection of invention patent application after publication |