CN113347487A - 一种自动兼容设备低电量的浏览器序列图视频化方法及终端 - Google Patents
一种自动兼容设备低电量的浏览器序列图视频化方法及终端 Download PDFInfo
- Publication number
- CN113347487A CN113347487A CN202110673541.0A CN202110673541A CN113347487A CN 113347487 A CN113347487 A CN 113347487A CN 202110673541 A CN202110673541 A CN 202110673541A CN 113347487 A CN113347487 A CN 113347487A
- Authority
- CN
- China
- Prior art keywords
- picture
- browser
- timer
- frame rate
- display frame
- 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.)
- Granted
Links
- 238000000034 method Methods 0.000 title claims abstract description 20
- 238000010586 diagram Methods 0.000 title claims abstract description 19
- 230000000977 initiatory effect Effects 0.000 claims description 6
- 238000012800 visualization Methods 0.000 claims description 4
- 238000007794 visualization technique Methods 0.000 claims description 3
- 230000000694 effects Effects 0.000 abstract description 4
- 230000002452 interceptive effect Effects 0.000 description 2
- 230000009286 beneficial effect Effects 0.000 description 1
- 230000000903 blocking effect Effects 0.000 description 1
- 230000007774 longterm Effects 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
Images
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/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/433—Content storage operation, e.g. storage operation in response to a pause request, caching operations
- H04N21/4331—Caching operations, e.g. of an advertisement for later insertion during playback
-
- 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/44—Processing of video elementary streams, e.g. splicing a video clip retrieved from local storage with an incoming video stream or rendering scenes according to encoded video stream scene graphs
- H04N21/44004—Processing of video elementary streams, e.g. splicing a video clip retrieved from local storage with an incoming video stream or rendering scenes according to encoded video stream scene graphs involving video buffer management, e.g. video decoder buffer or video display buffer
-
- 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/44—Processing of video elementary streams, e.g. splicing a video clip retrieved from local storage with an incoming video stream or rendering scenes according to encoded video stream scene graphs
- H04N21/4402—Processing of video elementary streams, e.g. splicing a video clip retrieved from local storage with an incoming video stream or rendering scenes according to encoded video stream scene graphs involving reformatting operations of video signals for household redistribution, storage or real-time display
- H04N21/440281—Processing of video elementary streams, e.g. splicing a video clip retrieved from local storage with an incoming video stream or rendering scenes according to encoded video stream scene graphs involving reformatting operations of video signals for household redistribution, storage or real-time display by altering the temporal resolution, e.g. by frame skipping
Landscapes
- Engineering & Computer Science (AREA)
- Multimedia (AREA)
- Signal Processing (AREA)
- Two-Way Televisions, Distribution Of Moving Picture Or The Like (AREA)
Abstract
本发明公开了一种自动兼容设备低电量的浏览器序列图视频化方法及终端，该终端用于执行以下步骤：S1、获取序列图片的实例缓存；S2、设置浏览器定时器回调函数及阈值，判断输入的缓存图片资源的图片显示帧率是否低于阈值；若是，则调整图片显示帧率进行输出；若否，则不调整图片显示帧率进行输出；S3、从定时器输出端获取当前缓存图片，并在浏览器上进行图片显示；该发明在需要显示序列图片的场景下，使用者无需关心平台兼容性以及设备是否处于低电量，仍能获得图片显示帧率一致的视频化显示效果。
Description
技术领域
本发明涉及图像处理技术领域，具体涉及一种自动兼容设备低电量的浏览器序列图视频化方法及终端。
背景技术
互联网自上世纪出现以来经过长期的高速发展已经进入一个崭新的发展阶段，传统的以静态的文本和图片为主的互联网正在向实时互动的文本图片和高清视音频结合的交互式视频化下一代互联网发展。现有的IOS移动设备等终端设备在低电量的情况下，会对浏览器中的定时器模块做降帧处理，使正常电量与低电量这两种场景下，用定时器模块播放序列图的帧率不一致，这导致人们在观看视频化的序列图时会出现不流畅的卡顿现象，降低了人们的观看体验，播放效果较差。
发明内容
本发明的目的在于提供一种自动兼容设备低电量的浏览器序列图视频化方法及终端，在需要显示序列图片的场景下，使用者无需关心平台兼容性以及设备是否处于低电量，仍能获得图片显示帧率一致的视频化显示效果。
为实现上述目的，本发明采用以下技术方案：
一种自动兼容设备低电量的浏览器序列图视频化方法，包括以下步骤：
S1、获取序列图片的实例缓存；
S2、设置浏览器定时器回调函数及阈值，判断输入的缓存图片资源的图片显示帧率是否低于阈值；若是，则调整图片显示帧率进行输出；若否，则不调整图片显示帧率进行输出；
S3、从定时器输出端获取当前缓存图片，并在浏览器上进行图片显示。
优选地，步骤S2的具体过程为：
S21、设置浏览器定时器回调函数，并将阈值FPS设为30；
S22、若输入定时器的图片显示帧率低于30FPS，则设置FPS为60，并发送给定时通知；若输入定时器的图片显示帧率不低于30FPS，则FPS仍为30，并发送给定时通知；
S23、定时通知发出命令，执行回调函数，获取当前缓存图片。
优选地，步骤S1的具体过程为：
S11、通过预加载器获取视频对应的序列图片，并获取图片地址；
S12、依次发起图片请求和http请求，触发处理请求响应；
S13、完成加载，得到缓存图片资源。
优选地，步骤S3的具体过程为：获取当前缓存图片，通过图片播放器播放图片并在浏览器上进行图片显示。
优选地，所述图片播放器上还包括用于判断是否结束图片显示的结束定时器；若是，则结束图片显示；若否，则通过定时通知发出命令，继续执行回调函数。
一种自动兼容设备低电量的浏览器序列图视频化终端，包括预加载器、定时器和图片播放器；
所述预加载器，用于获取序列图片的实例缓存；
所述定时器，用于设置回调函数及阈值，判断输入的缓存图片资源的图片显示帧率是否低于阈值；若是，则调整图片显示帧率进行输出；若否，则不调整图片显示帧率进行输出；
所述图片播放器，用于从定时器输出端获取当前缓存图片，并在浏览器上进行图片显示。
优选地，所述定时器执行时实现如下步骤：
S21、设置浏览器定时器回调函数，并将阈值FPS设为30；
S22、若输入定时器的图片显示帧率低于30FPS，则设置FPS为60，并发送给定时通知；若输入定时器的图片显示帧率不低于30FPS，则FPS仍为30，并发送给定时通知；
S23、定时通知发出命令，执行回调函数，获取当前缓存图片。
优选地，所述预加载器执行时实现如下步骤：
S11、通过预加载器获取视频对应的序列图片，并获取图片地址；
S12、依次发起图片请求和http请求，触发处理请求响应；
S13、完成加载，得到缓存图片资源。
优选地，所述图片播放器执行时实现如下步骤：获取当前缓存图片，通过图片播放器播放图片并在浏览器上进行图片显示。
优选地，所述图片播放器上还设置有结束定时器，所述结束定时器用于判断是否结束图片显示的结束定时器；若是，则结束图片显示；若否，则通过定时通知发出命令，继续执行回调函数。
采用上述技术方案后，本发明具有如下有益效果：针对现有的IOS移动设备等终端设备在低电量的情况下，会对浏览器中的定时器模块做降帧处理，一般会将输入的图片显示帧率降为一半，本发明首先通过自定义预加载模块获取序列图片实例缓存，接着通过浏览器定时器模块设置图片显示帧率，使浏览器最终按预设的帧率顺序显示序列图片缓存实例；可实现在需要显示序列图片的场景下，使用者无需关心平台兼容性以及设备是否处于低电量，仍能获得图片显示帧率一致的视频化显示效果，使视频化的序列图播放流畅，不卡顿，可提高人们的观看体验。
附图说明
图1为本发明的流程示意图。
具体实施方式
为了使本发明的目的、技术方案及优点更加清楚明白，以下结合实施例，对本发明进行进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。
如图1所示，一种自动兼容设备低电量的浏览器序列图视频化方法，包括以下步骤：
S1、获取序列图片的实例缓存；
步骤S1的具体过程为：
S11、通过预加载器获取视频对应的序列图片，并获取图片地址；
S12、依次发起图片请求和http请求，触发处理请求响应；
S13、完成加载，得到缓存图片资源；
S2、设置浏览器定时器回调函数及阈值，判断输入的缓存图片资源的图片显示帧率是否低于阈值；若是，则调整图片显示帧率进行输出；若否，则不调整图片显示帧率进行输出；
步骤S2的具体过程为：
S21、设置浏览器定时器回调函数，并将阈值FPS设为30；
S22、若输入定时器的图片显示帧率低于30FPS，则设置FPS为60，并发送给定时通知；若输入定时器的图片显示帧率不低于30FPS，则FPS仍为30，并发送给定时通知；
S23、定时通知发出命令，执行回调函数，获取当前缓存图片；
S3、从定时器输出端获取当前缓存图片，并在浏览器上进行图片显示；
步骤S3的具体过程为：获取当前缓存图片，通过图片播放器播放图片并在浏览器上进行图片显示；
所述图片播放器上还包括用于判断是否结束图片显示的结束定时器；若是，则结束图片显示；若否，则通过定时通知发出命令，继续执行回调函数进行图片显示。
如图1所示，一种自动兼容设备低电量的浏览器序列图视频化终端，包括预加载器、定时器和图片播放器；
所述预加载器，用于获取序列图片的实例缓存；
所述定时器，用于设置回调函数及阈值，判断输入的缓存图片资源的图片显示帧率是否低于阈值；若是，则调整图片显示帧率进行输出；若否，则不调整图片显示帧率进行输出；
所述图片播放器，用于从定时器输出端获取当前缓存图片，并在浏览器上进行图片显示。
如图1所示，所述定时器执行时实现如下步骤：
S21、设置浏览器定时器回调函数，并将阈值FPS设为30；
S22、若输入定时器的图片显示帧率低于30FPS，则设置FPS为60，并发送给定时通知，由于现有的IOS移动设备等终端设备在低电量的情况下，一般会将输入的图片显示帧率降为一半，因此60FPS经降帧后，输出实际的图片显示帧率仍为30FPS；若输入定时器的图片显示帧率不低于30FPS，则FPS仍为30，并发送给定时通知，即正常电量时不调整图片显示帧率；
S23、定时通知发出命令，执行回调函数，获取当前缓存图片。
如图1所示，所述预加载器执行时实现如下步骤：
S11、通过预加载器获取视频对应的序列图片，并获取图片地址；
S12、依次发起图片请求和http请求，触发处理请求响应；
S13、完成加载，得到缓存图片资源。
如图1所示，所述图片播放器执行时实现如下步骤：获取当前缓存图片，通过图片播放器播放图片并在浏览器上进行图片显示。
如图1所示，所述图片播放器上还设置有结束定时器，所述结束定时器用于判断是否结束图片显示的结束定时器；若是，则结束图片显示；若否，则通过定时通知发出命令，继续执行回调函数
以上所述，仅为本发明较佳的具体实施方式，但本发明的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本发明揭露的技术范围内，可轻易想到的变化或替换，都应涵盖在本发明的保护范围之内。因此，本发明的保护范围应该以权利要求的保护范围为准。
Claims (10)
1.一种自动兼容设备低电量的浏览器序列图视频化方法，其特征在于，包括以下步骤：
S1、获取序列图片的实例缓存；
S2、设置浏览器定时器回调函数及阈值，判断输入的缓存图片资源的图片显示帧率是否低于阈值；若是，则调整图片显示帧率进行输出；若否，则不调整图片显示帧率进行输出；
S3、从定时器输出端获取当前缓存图片，并在浏览器上进行图片显示。
2.如权利要求1所述的一种自动兼容设备低电量的浏览器序列图视频化方法，其特征在于，步骤S2的具体过程为：
S21、设置浏览器定时器回调函数，并将阈值FPS设为30；
S22、若输入定时器的图片显示帧率低于30FPS，则设置FPS为60，并发送给定时通知；若输入定时器的图片显示帧率不低于30FPS，则FPS仍为30，并发送给定时通知；
S23、定时通知发出命令，执行回调函数，获取当前缓存图片。
3.如权利要求1所述的一种自动兼容设备低电量的浏览器序列图视频化方法，其特征在于，步骤S1的具体过程为：
S11、通过预加载器获取视频对应的序列图片，并获取图片地址；
S12、依次发起图片请求和http请求，触发处理请求响应；
S13、完成加载，得到缓存图片资源。
4.如权利要求2所述的一种自动兼容设备低电量的浏览器序列图视频化方法，其特征在于，步骤S3的具体过程为：获取当前缓存图片，通过图片播放器播放图片并在浏览器上进行图片显示。
5.如权利要求4所述的一种自动兼容设备低电量的浏览器序列图视频化方法，其特征在于，所述图片播放器上还包括用于判断是否结束图片显示的结束定时器；若是，则结束图片显示；若否，则通过定时通知发出命令，继续执行回调函数。
6.一种自动兼容设备低电量的浏览器序列图视频化终端，其特征在于，包括预加载器、定时器和图片播放器；
所述预加载器，用于获取序列图片的实例缓存；
所述定时器，用于设置回调函数及阈值，判断输入的缓存图片资源的图片显示帧率是否低于阈值；若是，则调整图片显示帧率进行输出；若否，则不调整图片显示帧率进行输出；
所述图片播放器，用于从定时器输出端获取当前缓存图片，并在浏览器上进行图片显示。
7.如权利要求6所述的自动兼容设备低电量的浏览器序列图视频化终端，其特征在于，所述定时器执行时实现如下步骤：
S21、设置浏览器定时器回调函数，并将阈值FPS设为30；
S22、若输入定时器的图片显示帧率低于30FPS，则设置FPS为60，并发送给定时通知；若输入定时器的图片显示帧率不低于30FPS，则FPS仍为30，并发送给定时通知；
S23、定时通知发出命令，执行回调函数，获取当前缓存图片。
8.如权利要求6所述的自动兼容设备低电量的浏览器序列图视频化终端，其特征在于，所述预加载器执行时实现如下步骤：
S11、通过预加载器获取视频对应的序列图片，并获取图片地址；
S12、依次发起图片请求和http请求，触发处理请求响应；
S13、完成加载，得到缓存图片资源。
9.如权利要求7所述的自动兼容设备低电量的浏览器序列图视频化终端，其特征在于，所述图片播放器执行时实现如下步骤：获取当前缓存图片，通过图片播放器播放图片并在浏览器上进行图片显示。
10.如权利要求9所述的自动兼容设备低电量的浏览器序列图视频化终端，其特征在于，所述图片播放器上还设置有结束定时器，所述结束定时器用于判断是否结束图片显示的结束定时器；若是，则结束图片显示；若否，则通过定时通知发出命令，继续执行回调函数。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110673541.0A CN113347487B (zh) | 2021-06-17 | 2021-06-17 | 一种自动兼容设备低电量的浏览器序列图视频化方法及终端 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110673541.0A CN113347487B (zh) | 2021-06-17 | 2021-06-17 | 一种自动兼容设备低电量的浏览器序列图视频化方法及终端 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN113347487A true CN113347487A (zh) | 2021-09-03 |
| CN113347487B CN113347487B (zh) | 2022-09-27 |
Family
ID=77476228
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202110673541.0A Active CN113347487B (zh) | 2021-06-17 | 2021-06-17 | 一种自动兼容设备低电量的浏览器序列图视频化方法及终端 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN113347487B (zh) |
Citations (9)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JP2010268525A (ja) * | 2004-09-16 | 2010-11-25 | Ntt Docomo Inc | 映像評価装置、フレームレート決定装置、映像処理装置、映像評価方法、および映像評価プログラム |
| CN104063286A (zh) * | 2013-03-22 | 2014-09-24 | 腾讯科技（深圳）有限公司 | 显示内容变化的流畅度测试方法及装置 |
| WO2017041537A1 (zh) * | 2015-09-08 | 2017-03-16 | 深圳Tcl数字技术有限公司 | 视频帧率的调节方法及装置 |
| CN106817755A (zh) * | 2017-03-20 | 2017-06-09 | 北京白鹭时代信息技术有限公司 | 一种降低移动终端耗电的方法及装置 |
| CN109640168A (zh) * | 2018-11-27 | 2019-04-16 | Oppo广东移动通信有限公司 | 视频处理方法、装置、电子设备和计算机可读介质 |
| CN110658904A (zh) * | 2019-09-19 | 2020-01-07 | Oppo广东移动通信有限公司 | 控制终端电流的方法、装置、终端及存储介质 |
| CN111813490A (zh) * | 2020-08-14 | 2020-10-23 | Oppo广东移动通信有限公司 | 插帧处理方法及装置 |
| CN111966557A (zh) * | 2019-05-20 | 2020-11-20 | 北京车和家信息技术有限公司 | 监测浏览器帧率的方法及装置 |
| CN112005218A (zh) * | 2018-04-28 | 2020-11-27 | 华为技术有限公司 | 一种图像处理器的功率分配的方法、装置及系统 |
-
2021
- 2021-06-17 CN CN202110673541.0A patent/CN113347487B/zh active Active
Patent Citations (9)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JP2010268525A (ja) * | 2004-09-16 | 2010-11-25 | Ntt Docomo Inc | 映像評価装置、フレームレート決定装置、映像処理装置、映像評価方法、および映像評価プログラム |
| CN104063286A (zh) * | 2013-03-22 | 2014-09-24 | 腾讯科技（深圳）有限公司 | 显示内容变化的流畅度测试方法及装置 |
| WO2017041537A1 (zh) * | 2015-09-08 | 2017-03-16 | 深圳Tcl数字技术有限公司 | 视频帧率的调节方法及装置 |
| CN106817755A (zh) * | 2017-03-20 | 2017-06-09 | 北京白鹭时代信息技术有限公司 | 一种降低移动终端耗电的方法及装置 |
| CN112005218A (zh) * | 2018-04-28 | 2020-11-27 | 华为技术有限公司 | 一种图像处理器的功率分配的方法、装置及系统 |
| CN109640168A (zh) * | 2018-11-27 | 2019-04-16 | Oppo广东移动通信有限公司 | 视频处理方法、装置、电子设备和计算机可读介质 |
| CN111966557A (zh) * | 2019-05-20 | 2020-11-20 | 北京车和家信息技术有限公司 | 监测浏览器帧率的方法及装置 |
| CN110658904A (zh) * | 2019-09-19 | 2020-01-07 | Oppo广东移动通信有限公司 | 控制终端电流的方法、装置、终端及存储介质 |
| CN111813490A (zh) * | 2020-08-14 | 2020-10-23 | Oppo广东移动通信有限公司 | 插帧处理方法及装置 |
Also Published As
| Publication number | Publication date |
|---|---|
| CN113347487B (zh) | 2022-09-27 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN1997153B (zh) | 一种计算机的多视频播放方法及装置 | |
| EP3185574A1 (en) | Method and system for switching video playback resolution | |
| CN105187895B (zh) | 针对移动平台硬件加速播放视频的数据缓存方法及系统 | |
| US11582506B2 (en) | Video processing method and apparatus, and storage medium | |
| EP3206407A1 (en) | Video playing method and device | |
| CN110858910B (zh) | 直播视频的显示方法、装置、设备及存储介质 | |
| CN104363505A (zh) | 一种显示播放界面的方法及装置 | |
| CN111246270B (zh) | 一种显示弹幕的方法、装置、设备和存储介质 | |
| CN113225585B (zh) | 一种视频清晰度的切换方法、装置、电子设备以及存储介质 | |
| CN104808946A (zh) | 图像播放控制方法及装置 | |
| CN104080006A (zh) | 一种视频处理装置及方法 | |
| CN110830813B (zh) | 一种视频切换的方法、装置、电子设备及存储介质 | |
| CN108810580B (zh) | 媒体内容推送方法及装置 | |
| US20150067721A1 (en) | Method and system for transmitting videos to mobile phones | |
| WO2024104423A1 (zh) | 图像处理方法、装置、电子设备及存储介质 | |
| CN103546828B (zh) | 节目预览的生成方法及装置 | |
| CN110913278A (zh) | 视频播放方法、显示终端及存储介质 | |
| CN113347487B (zh) | 一种自动兼容设备低电量的浏览器序列图视频化方法及终端 | |
| CN102984476B (zh) | 宽屏自适应图像处理方法和装置 | |
| CN112019858B (zh) | 一种视频播放方法、装置、计算机设备和存储介质 | |
| WO2023202230A1 (zh) | 信息推荐方法、装置和电子设备 | |
| CN114666648B (zh) | 视频播放方法及电子设备 | |
| KR102301076B1 (ko) | 방송 콘텐츠 처리를 위한 장치 및 그 제어방법 | |
| CN115379277A (zh) | 一种基于iptv业务的vr全景视频播放方法和系统 | |
| CN116095365A (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 | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |