CN107665257A - 一种浏览器窗口切换时暂停页面内活动的方法 - Google Patents

一种浏览器窗口切换时暂停页面内活动的方法 Download PDF

Info

Publication number
CN107665257A
CN107665257A CN201710942086.3A CN201710942086A CN107665257A CN 107665257 A CN107665257 A CN 107665257A CN 201710942086 A CN201710942086 A CN 201710942086A CN 107665257 A CN107665257 A CN 107665257A
Authority
CN
China
Prior art keywords
page
window
server
audio
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
Application number
CN201710942086.3A
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.)
Chengdu Zhidaochuangyu Information Technology Co Ltd
Original Assignee
Chengdu Zhidaochuangyu Information Technology 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 Chengdu Zhidaochuangyu Information Technology Co Ltd filed Critical Chengdu Zhidaochuangyu Information Technology Co Ltd
Priority to CN201710942086.3A priority Critical patent/CN107665257A/zh
Publication of CN107665257A publication Critical patent/CN107665257A/zh
Pending legal-status Critical Current

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/957—Browsing optimisation, e.g. caching or content distillation
    • G06F16/9574—Browsing optimisation, e.g. caching or content distillation of access to content, e.g. by caching
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/46—Multiprogramming arrangements
    • G06F9/48—Program initiating; Program switching, e.g. by interrupt
    • G06F9/4806—Task transfer initiation or dispatching
    • G06F9/4843—Task transfer initiation or dispatching by program, e.g. task dispatcher, supervisor, operating system

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Software Systems (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Databases & Information Systems (AREA)
  • Data Mining & Analysis (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

本发明公开了一种浏览器窗口切换时暂停页面内活动的方法，包括以下步骤，步骤1：页面加载后判断本页面是否有持续活动；若是则对本页面进行监听，若否则无需额外操作；步骤2：监听浏览器窗口的切换；步骤3：根据监听结果判断是否为活动窗口，若是则开启此页面视频、音频的播放，暂停与服务器之间的通信；若否则关闭页面内的视频、音频的播放，暂停与服务器间的通信；步骤4：重复步骤3直至窗口或浏览器关闭；本发明可减少不必要的内存，提高访问流畅度，并且可提高用户体验，减小后台服务器端的压力。

Description

一种浏览器窗口切换时暂停页面内活动的方法
技术领域
本发明涉及计算机领域，具体涉及一种浏览器窗口切换时暂停页面内活动的方法。
背景技术
用户访问网页时，浏览器会加载网页运行所需要的所有资源，包括图片、音频、视频样式文件、运行代码以及其他所需资源；浏览器通过HTTP或WebSocket协议向服务器请求资源以保证用户可以正常访问；浏览器接收到资源后会进行渲染并展示，而为了能够维持正常的显示内容，会不断地向服务器请求数据；浏览器窗口进行切换时，各窗口内的活动并未暂停，继续请求数据并进行渲染；切换时页面中的活动也并未暂停，占用大量内存和网络资源。
现有技术都是以保证页面的正常显示为主，通常在用户离开页面后，页面内的活动，如视频、音频等活动内容不会自动停止，持续在运行；页面所需要的资源如文本数据等，会持续与后台交互获取；上述技术方案作为目前大多数网页的实现，能够在用户访问其它页面时保持页面的持续正常运行；在用户切换窗口时保证视频、音频的持续播放以及数据的实时性；然而在实际应用中，会导致额外的消耗；如视频和音频在后台窗口持续播放，占用额外内存；多个视频和音频窗口同时运行时，计算机输出音频混乱、形成噪音；若用户需要暂停或开启视频音频，需自行手动对视频音频进行操作后再切换窗口，无法自动化；后台窗口持续不断与服务器进行交互以保证数据实时性，而此时用户并未浏览相关内容，造成资源浪费。
发明内容
本发明提供一种可避免后台窗口对网页资源持续不断加载的浏览器窗口切换时暂停页面内活动的方法。
本发明采用的技术方案是：一种浏览器窗口切换时暂停页面内活动的方法，包括以下步骤，
步骤1：页面加载后判断本页面是否有持续活动；若是则对本页面进行监听，若否则无需额外操作；
步骤2：监听浏览器窗口的切换；
步骤3：根据监听结果判断是否为活动窗口，若是则开启此页面视频、音频的播放，暂停与服务器之间的通信；若否则关闭页面内的视频、音频的播放，暂停与服务器间的通信；
步骤4：重复步骤3直至窗口或浏览器关闭。
进一步的，所述步骤1中通过判断本页面是否有video、audio标签加载视频、音频，WebSocket或轮询与服务器长期通信判断本页面是否有持续活动。
进一步的，所述步骤2中通过浏览器提供的接口，在document上注册visibilitychange事件监听浏览器窗口的切换。
进一步的，所述步骤3中通过判定document.hidden属性判断是否为活动窗口。
进一步的，所述步骤3中通过调用paus关闭视频音频播放，并中断向服务器发送数据，暂停与服务器的数据交互。
进一步的，所述步骤3中通过调用play开启视频音频播放，并重新向服务器发送数据，重启与服务器数的据交互。
本发明的有益效果是：
(1)本发明将加载资源的时间由持续不断向服务器请求，改为页面活动时再实时获取，不仅避免后台窗口产生额外流量，还可减少开启大量窗口时，给系统带来的不必要内存占用，能有效提高当前窗口的访问流畅度；
(2)本发明能够减少用户不必要的二次操作，用户不需要先手动暂停页面中的活动内容，再点击切换菜单，提高用户体验；
(3)本发明可有效降低网络带宽，使得当前窗口能更快加载文件，同时减小后台窗口服务器端的压力。
附图说明
图1为本发明流程示意图。
具体实施方式
下面结合附图和具体实施例对本发明做进一步说明。
如图1所示，一种浏览器窗口切换时暂停页面内活动的方法，包括以下步骤，
步骤1：页面加载后判断本页面是否有持续活动；若是则对本页面进行监听，若否则无需额外操作；
步骤2：监听浏览器窗口的切换；
步骤3：根据监听结果判断是否为活动窗口，若是则开启此页面视频、音频的播放，暂停与服务器之间的通信；若否则关闭页面内的视频、音频的播放，暂停与服务器间的通信；
步骤4：重复步骤3直至窗口或浏览器关闭。
进一步的，所述步骤1中通过判断本页面是否有video、audio标签加载视频、音频，WebSocket或轮询与服务器长期通信判断本页面是否有持续活动。
进一步的，所述步骤2中通过浏览器提供的接口，在document上注册visibilitychange事件监听浏览器窗口的切换。
进一步的，所述步骤3中通过判定document.hidden属性判断是否为活动窗口。
进一步的，所述步骤3中通过调用pause关闭视频音频播放，暂停与服务器的数据交互。
进一步的，所述步骤3中通过调用play开启视频音频播放，重启与服务器数的据交互。
使用时，网页加载后通过浏览器提供的接口，对用户切换窗口操作进行监听，当用户切换窗口时触发监听事件，判断本窗口是否为活动窗口；当本窗口为活动窗口切换为后台窗口时，将本窗口与服务器进行数据交互的行为暂停；与此同时，将窗口内的视频、音频播放自动暂停，避免给用户带来困扰；此窗口的状态可视为“下线”，即非激活状态，等待用户切换回本窗口即可激活；当本窗口为后台窗口切换为活动窗口时，将本窗口内与服务器进行数据交互的行为重启；服务器端可缓存当前窗口“下线”时的数据一并返回，浏览器得到这段时间内的全部数据进行渲染，保证数据的准确性；同时，将窗口内的视频、音频自动开启播放，无须用户二次操作；此时窗口状态即可视为“激活”。
本发明对目前页面开始运行后续操作进行监听，在用户离开本窗口浏览其它页面时，可自动暂停本窗口内的一些活动，以减小后台窗口运行内存，减少网络带宽；加载资源的时间由持续不间断向服务器请求，改为页面活动时再实时获取，不仅避免后台窗口产生额外的流量，还可以减少开启大量窗口时，给系统带来的不必要内存占用，能有效提高当前窗口的访问流畅度；除此之外，还能减少用户不必要的二次操作。用户不需要先手动暂停页面中的活动内容如暂停播放音乐，视频等再点击切换菜单，提高用户体验；可以显著减少内存的消耗，避免额外的网络带宽。在用户打开多个窗口浏览页面时，暂停后台窗口所占资源的消耗，使得当前窗口访问更加顺畅。后台窗口中视频，音频文件自动暂停，减小用户二次操作，切换窗口更便捷。暂停后台窗口与服务器的频繁数据交互，也可有效降低网络带宽，使得当前窗口能更快加载文件，同时减小后台窗口服务器端的压力。
文中，浏览器指可以显示网页服务器或者文件系统的HTML文件(标准通用标记语言的一个应用)内容，并让用户与这些文件交互的一种软件；浏览器窗口指浏览器可以支持多页面同时访问，即可以打开多个窗口，每个页面分配一个窗口；用户可随意在任一窗口上进行操作，并在各窗口间交换信息，也可以很方便地在各个打开的窗口间切换；窗口内活动指窗口内激活的业务如视频播放、音频播放、聊天室等；HTTP协议指客户端与服务器通信协议，必须要由客户端发起，然后服务器返回结果；客户端是主动的，服务器是被动的；WebSocket指一种新的网络协议，实现了浏览器与服务器全双工通信—允许服务器主动发送信息给客户端；document为计算机术语，每个载入浏览器的HTML文档都会成为Document对象，Document对象使我们可以从脚本中对HTML页面中的所有元素进行访问；video标签是HTML5的新标签，定义视频；audio标签为HTML5的新标签，定义音频；visibilitychange事件指浏览器新添加的一个事件，当浏览器的某个标签页切换到后台，或从后台切换到前台时就会触发该消息；document.hidden属性，在HTML 5中通过document.hidden属性可判断页面是否可见；pause指pause函数，会令目前的进程暂停，直到被信号所中断；play指play函数，会运行暂停的进程。

Claims (6)

1.一种浏览器窗口切换时暂停页面内活动的方法，其特征在于，包括以下步骤，
步骤1：页面加载后判断本页面是否有持续活动；若是则对本页面进行监听，若否则无需额外操作；
步骤2：监听浏览器窗口的切换；
步骤3：根据监听结果判断是否为活动窗口，若是则开启此页面视频、音频的播放，暂停与服务器之间的通信；若否则关闭页面内的视频、音频的播放，暂停与服务器间的通信；
步骤4：重复步骤3直至窗口或浏览器关闭。
2.根据权利要求1所述的一种浏览器窗口切换时暂停页面内活动的方法，其特征在于，所述步骤1中通过判断本页面是否有video、audio标签加载视频、音频，WebSocket或轮询与服务器长期通信判断本页面是否有持续活动。
3.根据权利要求1所述的一种浏览器窗口切换时暂停页面内活动的方法，其特征在于，所述步骤2中通过浏览器提供的接口，在document上注册visibilitychange事件监听浏览器窗口的切换。
4.根据权利要求1所述的一种浏览器窗口切换时暂停页面内活动的方法，其特征在于，所述步骤3中通过判定document.hidden属性判断是否为活动窗口。
5.根据权利要求1所述的一种浏览器窗口切换时暂停页面内活动的方法，其特征在于，所述步骤3中通过调用pause关闭视频音频播放，并中断向服务器发送数据，暂停与服务器的数据交互。
6.根据权利要求1所述的一种浏览器窗口切换时暂停页面内活动的方法，其特征在于，所述步骤3中通过调用play开启视频音频播放，并重新向服务器发送数据，重启与服务器数的据交互。
CN201710942086.3A 2017-10-11 2017-10-11 一种浏览器窗口切换时暂停页面内活动的方法 Pending CN107665257A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201710942086.3A CN107665257A (zh) 2017-10-11 2017-10-11 一种浏览器窗口切换时暂停页面内活动的方法

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201710942086.3A CN107665257A (zh) 2017-10-11 2017-10-11 一种浏览器窗口切换时暂停页面内活动的方法

Publications (1)

Publication Number Publication Date
CN107665257A true CN107665257A (zh) 2018-02-06

Family

ID=61097695

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201710942086.3A Pending CN107665257A (zh) 2017-10-11 2017-10-11 一种浏览器窗口切换时暂停页面内活动的方法

Country Status (1)

Country Link
CN (1) CN107665257A (zh)

Cited By (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108429930A (zh) * 2018-04-13 2018-08-21 小草数语（北京）科技有限公司 浏览器中视频播放的控制方法和装置
CN108712676A (zh) * 2018-05-30 2018-10-26 浙江口碑网络技术有限公司 基于React框架实现的视频自动播放方法及装置
CN109743381A (zh) * 2018-12-27 2019-05-10 北京字节跳动网络技术有限公司 客户端与服务端长连接交互方法及装置
CN109831701A (zh) * 2019-01-28 2019-05-31 四川长虹电器股份有限公司 数字电视设备浏览器以及跨页面系统事件的扩展方法
CN110929189A (zh) * 2018-09-19 2020-03-27 北京国双科技有限公司 视图的处理方法和装置
CN111372137A (zh) * 2020-03-13 2020-07-03 青岛海信宽带多媒体技术有限公司 浏览器自动修正播放器状态的方法、装置及显示设备
CN112702647A (zh) * 2020-12-24 2021-04-23 深圳市酷开网络科技股份有限公司 一种播放控制方法、智能电视及计算机可读存储介质
CN113791752A (zh) * 2021-09-16 2021-12-14 深圳市芯中芯科技有限公司 在安卓系统中通过js同步控制网页音乐播放状态的方法
CN113938748A (zh) * 2021-10-15 2022-01-14 腾讯科技(成都)有限公司 视频播放方法、装置、终端、存储介质及程序产品

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101419617A (zh) * 2008-12-10 2009-04-29 深圳市迅雷网络技术有限公司 一种确定网页对象的方法及装置
US20110107259A1 (en) * 2009-11-04 2011-05-05 International Business Machines Corporation Enhanced Slider Bar System
CN103348321A (zh) * 2011-01-06 2013-10-09 甲骨文国际公司 用于检测不活动的浏览器窗口的技术
CN105550112A (zh) * 2015-12-17 2016-05-04 北京海泰方圆科技股份有限公司 一种浏览器渲染能力的测试方法
CN106020792A (zh) * 2016-05-03 2016-10-12 珠海市魅族科技有限公司 一种展示控制方法及展示控制装置
CN106453324A (zh) * 2016-10-17 2017-02-22 成都知道创宇信息技术有限公司 一种使网页电话不中断的方法

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101419617A (zh) * 2008-12-10 2009-04-29 深圳市迅雷网络技术有限公司 一种确定网页对象的方法及装置
US20110107259A1 (en) * 2009-11-04 2011-05-05 International Business Machines Corporation Enhanced Slider Bar System
CN103348321A (zh) * 2011-01-06 2013-10-09 甲骨文国际公司 用于检测不活动的浏览器窗口的技术
CN105550112A (zh) * 2015-12-17 2016-05-04 北京海泰方圆科技股份有限公司 一种浏览器渲染能力的测试方法
CN106020792A (zh) * 2016-05-03 2016-10-12 珠海市魅族科技有限公司 一种展示控制方法及展示控制装置
CN106453324A (zh) * 2016-10-17 2017-02-22 成都知道创宇信息技术有限公司 一种使网页电话不中断的方法

Cited By (15)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108429930A (zh) * 2018-04-13 2018-08-21 小草数语（北京）科技有限公司 浏览器中视频播放的控制方法和装置
CN108712676B (zh) * 2018-05-30 2021-08-10 浙江口碑网络技术有限公司 基于React框架实现的视频自动播放方法及装置
CN108712676A (zh) * 2018-05-30 2018-10-26 浙江口碑网络技术有限公司 基于React框架实现的视频自动播放方法及装置
CN110929189A (zh) * 2018-09-19 2020-03-27 北京国双科技有限公司 视图的处理方法和装置
CN109743381A (zh) * 2018-12-27 2019-05-10 北京字节跳动网络技术有限公司 客户端与服务端长连接交互方法及装置
CN109743381B (zh) * 2018-12-27 2022-04-05 北京字节跳动网络技术有限公司 客户端与服务端长连接交互方法及装置
CN109831701B (zh) * 2019-01-28 2021-12-21 四川长虹电器股份有限公司 数字电视设备浏览器以及跨页面系统事件的扩展方法
CN109831701A (zh) * 2019-01-28 2019-05-31 四川长虹电器股份有限公司 数字电视设备浏览器以及跨页面系统事件的扩展方法
CN111372137A (zh) * 2020-03-13 2020-07-03 青岛海信宽带多媒体技术有限公司 浏览器自动修正播放器状态的方法、装置及显示设备
CN112702647A (zh) * 2020-12-24 2021-04-23 深圳市酷开网络科技股份有限公司 一种播放控制方法、智能电视及计算机可读存储介质
CN112702647B (zh) * 2020-12-24 2023-05-02 深圳市酷开网络科技股份有限公司 一种播放控制方法、智能电视及计算机可读存储介质
CN113791752A (zh) * 2021-09-16 2021-12-14 深圳市芯中芯科技有限公司 在安卓系统中通过js同步控制网页音乐播放状态的方法
CN113791752B (zh) * 2021-09-16 2024-06-11 深圳市芯中芯科技有限公司 在安卓系统中通过js同步控制网页音乐播放状态的方法
CN113938748A (zh) * 2021-10-15 2022-01-14 腾讯科技(成都)有限公司 视频播放方法、装置、终端、存储介质及程序产品
CN113938748B (zh) * 2021-10-15 2023-09-01 腾讯科技(成都)有限公司 视频播放方法、装置、终端、存储介质及程序产品

Similar Documents

Publication Publication Date Title
CN107665257A (zh) 一种浏览器窗口切换时暂停页面内活动的方法
US11438291B2 (en) Message history display system and method
WO2018130162A1 (zh) 一种管控云计算终端和云服务器运作的方法和装置
CN104737099B (zh) 视频质量的动态调整
CN102255935B (zh) 云服务消费方法、云服务中介及云系统
TW444167B (en) Internet convolution audio/video server
US20080235566A1 (en) Presentation of media in an application
US10015284B2 (en) Method for browsing webpage picture and client device therefor
CN103746897B (zh) 通知用户状态的装置、方法和系统
CN105100172B (zh) 一种http协议的缓存状态更新方法和设备、处理机
CN101360129B (zh) 网络视频监控系统手机短信发送方法
CN103139051A (zh) 一种基于Websocket协议的即时通讯方法
US20130275878A1 (en) Method, device, server, and mobile terminal for browsing web pages
CN101777065A (zh) 一种用于移动通讯设备终端的多页面浏览器及其应用方法
WO2007141498A1 (en) User interfaces for electronic devices
EP4113936B1 (en) Information switching and sharing methods, electronic device and storage medium
CN112260853A (zh) 容灾切换方法、装置、存储介质及电子设备
CN110806905A (zh) 用户页面处理方法与装置、电子设备、存储介质
CN103747074A (zh) 基于Web服务器的移动监控系统
CN111435937A (zh) 一种监控平台的刷新方法及装置
CN114253652A (zh) 通过模拟本地App实现安卓移动终端云应用窗口列表的方法及系统
CN107566436A (zh) 页面消息中心组件及消息实时推送方法和装置
US9654544B2 (en) Time-out management for session dependent applications
JP2017062759A (ja) 携帯端末にプッシュ通知を行うための通知方法及び通知サーバ
WO2016197851A1 (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: 20180206