CN116264626A - 基于浏览器的视频显示方法、电子设备和可读存储介质 - Google Patents

基于浏览器的视频显示方法、电子设备和可读存储介质 Download PDF

Info

Publication number
CN116264626A
CN116264626A CN202211318305.8A CN202211318305A CN116264626A CN 116264626 A CN116264626 A CN 116264626A CN 202211318305 A CN202211318305 A CN 202211318305A CN 116264626 A CN116264626 A CN 116264626A
Authority
CN
China
Prior art keywords
window
browser
sub
target
information
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
CN202211318305.8A
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.)
Shenzhen Core Ruishi Technology Co ltd
Original Assignee
Shenzhen Core Ruishi 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 Shenzhen Core Ruishi Technology Co ltd filed Critical Shenzhen Core Ruishi Technology Co ltd
Priority to CN202211318305.8A priority Critical patent/CN116264626A/zh
Publication of CN116264626A publication Critical patent/CN116264626A/zh
Pending legal-status Critical Current

Links

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/80—Generation or processing of content or additional data by content creator independently of the distribution process; Content per se
    • H04N21/81—Monomedia components thereof
    • H04N21/8166—Monomedia components thereof involving executable data, e.g. software
    • H04N21/8173—End-user applications, e.g. Web browser, game
    • 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/472—End-user interface for requesting content, additional data or services; End-user interface for interacting with content, e.g. for content reservation or setting reminders, for requesting event notification, for manipulating displayed content
    • H04N21/47217—End-user interface for requesting content, additional data or services; End-user interface for interacting with content, e.g. for content reservation or setting reminders, for requesting event notification, for manipulating displayed content for controlling playback functions for recorded or on-demand content, e.g. using progress bars, mode or play-point indicators or bookmarks
    • 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/482—End-user interface for program selection
    • H04N21/4825—End-user interface for program selection using a list of items to be played back in a given order, e.g. playlists
    • 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/60—Network structure or processes for video distribution between server and client or between remote clients; Control signalling between clients, server and network components; Transmission of management data between server and client, e.g. sending from server to client commands for recording incoming content stream; Communication details between server and client 
    • H04N21/63—Control signaling related to video distribution between client, server and network components; Network processes for video distribution between server and clients or between remote clients, e.g. transmitting basic layer and enhancement layers over different transmission paths, setting up a peer-to-peer communication via Internet between remote STB's; Communication protocols; Addressing
    • H04N21/64—Addressing
    • H04N21/6402—Address allocation for clients

Landscapes

  • Engineering & Computer Science (AREA)
  • Multimedia (AREA)
  • Signal Processing (AREA)
  • Human Computer Interaction (AREA)
  • General Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • Databases & Information Systems (AREA)
  • Two-Way Televisions, Distribution Of Moving Picture Or The Like (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本申请提供了一种基于浏览器的视频显示方法、电子设备和可读存储介质，其中，该方法包括：通过本地播放进程，获取目标浏览器的页面信息，该页面信息中包括指定设备的地址信息；从当前启动的窗口中，确定出该目标浏览器对应的浏览器窗口；在该浏览器窗口中通过本地播放进程显示该指定设备采集到的视频画面。

Description

基于浏览器的视频显示方法、电子设备和可读存储介质
技术领域
本申请涉及网络技术领域，具体而言，涉及一种基于浏览器的视频显示方法、电子设备和可读存储介质。
背景技术
通常浏览器播放实时高清视频时，都是通过IE浏览器内置支持的ActiveX技术来实现。但是随着浏览器的逐步升级，新的浏览器内核不再支持ActiveX技术，仅支持Web开发所需的解释类语言工作，因此，导致现有的浏览器无法满足实时高清视频的播放需要。
发明内容
本申请的目的在于提供一种基于浏览器的视频显示方法、电子设备和可读存储介质，以解决浏览器不能够播放实时视频的问题。
第一方面，本发明提供一种基于浏览器的视频显示方法，包括：通过本地播放进程，获取目标浏览器的页面信息，所述页面信息中包括指定设备的地址信息；从当前启动的窗口中，确定出所述目标浏览器对应的浏览器窗口；在所述浏览器窗口中通过本地播放进程显示所述指定设备采集到的视频画面。
在可选的实施方式中，所述从当前启动的窗口中，确定出所述目标浏览器对应的浏览器窗口，包括：从当前启动进程集中确定出目标进程，其中，所述目标进程为支持视频播放的浏览器的进程；根据当前启动的各层窗口的窗口信息，确定出所述目标进程对应的浏览器窗口。
在上述实施方式中，通过进程与窗口信息的对比，以更准确地浏览器窗口，从而可以使实时视频能够显示在需要显示的浏览器窗口中。
在可选的实施方式中，所述根据当前启动的各层窗口的窗口信息，确定出所述目标进程对应的浏览器窗口，包括：
逐一获得各层窗口的窗口信息；
根据各层窗口的所述窗口信息，确定出各层窗口的窗口进程；
将各层窗口的所述窗口进程与所述目标进程进行对比，以确定出目标进程对应的浏览器窗口。
在上述实施方式中，通过逐层窗口的获取，以及逐层窗口与目标进程进行对比，以在不遗漏的情况下更准确地确定出浏览器窗口。
在可选的实施方式中，所述逐一获得各层窗口的窗口信息，包括：按照窗口创建的顺序，逐一获得各层窗口的窗口信息。
在上述实施方式中，可以基于窗口的创建顺序逐步获取各层窗口的窗口信息，可以降低窗口遗漏的情况，提高浏览器窗口确定的准确性。
在可选的实施方式中，所述在所述浏览器窗口中通过本地播放进程显示所述指定设备采集到的视频画面，包括：通过所述本地播放进程，在所述浏览器窗口中创建播放子窗口；在所述播放子窗口中显示所述指定设备采集到的视频画面。
在上述实施方式中，可以通过本地播放进程创建播放子窗口，可以通过该子窗口实现对实时视频的播放，则降低对浏览器的需求，提高实时视频播放的有效性。
在可选的实施方式中，所述从当前启动进程集中确定出目标进程，包括：获取当前启动进程集；确定出所述当前启动进程集中属于预存浏览器进程集的目标进程，其中，所述预存浏览器进程集中的各浏览器进程为支持视频播放的浏览器进程。
在上述实施方式中，可以提前存储能够支持实时视频播放的浏览器的进程名称，因此在定位浏览器窗口时，可以更快地先确定出浏览器的进程，然后再基于浏览器的进程确定出浏览器窗口，从而可以提高浏览器窗口确定的效率。
在可选的实施方式中，所述在所述浏览器窗口中通过本地播放进程显示所述指定设备采集到的视频画面，包括：
判断所述浏览器窗口是否为当前焦点窗口；
若是，在所述浏览器窗口中通过本地播放进程显示所述指定设备采集到的视频画面。
在上述实施方式中，可以在浏览器窗口与焦点窗口为同一窗口时，再在浏览器中播放实时视频，可以避免实时视频对当前计算机设备的工作的干扰，也能够避免实时视频无效播放。
在可选的实施方式中，所述在所述浏览器窗口中通过本地播放进程显示所述指定设备采集到的视频画面，包括：
获取当前焦点窗口的焦点窗口信息；
根据所述焦点窗口信息、所述浏览器窗口的窗口信息以及所述页面信息，以确定出当前焦点窗口的窗口名称、浏览器窗口的窗口名称以及目标浏览器的页面名称是否相同；
若相同，则在所述浏览器窗口中通过本地播放进程显示所述指定设备采集到的视频画面。
在上述实施方式中，在确定出需要播放视频的浏览器、查找到的浏览器以及当前的焦点窗口都指向同一窗口时，再进行实时视频的播放，可以提高视频播放的时机以及位置的准确性。
在可选的实施方式中，所述在所述浏览器窗口中通过本地播放进程显示所述指定设备采集到的视频画面，包括：
若所述本地播放进程已创建播放子窗口，列举所述浏览器窗口的子窗口的子窗口信息，以得到目标子窗口列表；
根据所述目标子窗口列表，从所有子窗口中，确定出播放子窗口；
在所述播放子窗口显示所述指定设备采集到的视频画面。
在上述实施方式中，可以在浏览器窗口中再进一步地确定出本地播放进程创建的播放子窗口，在该播放子窗口中播放视频，可以实现更准确以及更有效的视频播放。
在可选的实施方式中，所述列举所述浏览器窗口的子窗口的子窗口信息，以得到目标子窗口列表，包括：枚举所述浏览器窗口的子窗口的子窗口信息，得到初始子窗口列表；根据各子窗口的子窗口信息中的窗口名称，确定各个子窗口的窗口名称是否为空；若任意一个子窗口的窗口名称为空，则将其从所述初始子窗口列表中剔除；根据各子窗口的子窗口信息中的窗口类型，确定各个子窗口是否为渲染窗口；若任意一个子窗口的窗口类型为渲染窗口，则将其从所述初始子窗口列表中剔除，以得到目标子窗口列表。
在上述实施方式中，还可以剔除一些不可视或者不会作为播放子窗口的窗口，以使构建的目标子窗口列表中的窗口量更少，以降低后续的查找遍历播放子窗口的工作，提高播放子窗口的查找效率。
在可选的实施方式中，所述方法还包括：通过所述本地播放进程，创建通信服务端；通过所述通信服务端与各浏览器进行通信，以监听所述浏览器的视频播放需求；
所述获取目标浏览器的页面信息，包括：通过所述通信服务端与所述目标浏览器构建的通信客户端通信，以获得所述目标浏览器的页面信息。
在上述实施方式中，可以通过构建通信服务端与通信客户端可以实现本地播放进程与浏览器的通信。
第二方面，本发明提供一种基于浏览器的视频显示装置，包括：
获取模块，用于通过本地播放进程，获取目标浏览器的页面信息，所述页面信息中包括指定设备的地址信息；
确定模块，用于从当前启动的窗口中，确定出所述目标浏览器对应的浏览器窗口；
显示模块，用于在所述浏览器窗口中通过本地播放进程显示所述指定设备采集到的视频画面。
第三方面，本发明提供一种电子设备，包括存储器、处理器及存储在存储器上的计算机程序，所述处理器执行所述计算机程序以实现前述实施方式所述的方法。
第四方面，本发明提供一种计算机可读存储介质，其上存储有计算机程序或计算机指令，该计算机程序或计算机指令被处理器执行时实现前述实施方式所述的方法。
第五方面，本发明提供一种计算机程序产品，包括计算机程序或计算机指令，该计算机程序或计算机指令被处理器执行时实现前述实施方式所述的方法。
本申请实施例的有益效果是：通过本地播放进程与浏览器的交互，在浏览器需要播放实时视频时，可以通过本地播放进程对浏览器的窗口进行定位，以实现在浏览器的窗口位置播放需要播放的实时视频，以解决现有的浏览器不能够播放实时视频的问题。
附图说明
为了更清楚地说明本申请实施例的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，应当理解，以下附图仅示出了本申请的某些实施例，因此不应被看作是对范围的限定，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他相关的附图。
图1为本申请实施例提供的电子设备的方框示意图；
图2为本申请实施例提供的基于浏览器的视频显示方法的流程图；
图3为本申请实施例提供的基于浏览器的视频显示方法的步骤220的可选流程图；
图4为本申请实施例提供的基于浏览器的视频显示方法的步骤222的可选流程图；
图5为本申请实施例提供的基于浏览器的视频显示方法的步骤230的可选流程图；
图6为本申请实施例提供的基于浏览器的视频显示方法的步骤230的另一可选流程图；
图7为本申请实施例提供的基于浏览器的视频显示方法的步骤230的再一可选流程图；
图8为本申请实施例提供的基于浏览器的视频显示装置的功能模块示意图。
具体实施方式
下面将结合本申请实施例中附图，对本申请实施例中的技术方案进行描述。
应注意到：相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步定义和解释。同时，在本申请的描述中，术语“第一”、“第二”等仅用于区分描述，而不能理解为指示或暗示相对重要性。
浏览器播放实时高清视频时，之前是通过浏览器内置支持的ActiveX技术来实现，其中，ActiveX技术支持C语言开发，并编译成机器语言执行，能高效展示实际机器性能。但是随着浏览器的逐步升级，新的浏览器内核不再支持ActiveX技术，仅支持Web开发所需的解释类语言工作，并提供低清晰度视频文件的播放功能，无法满足实时高清视频需要。
针对上述现状，目前的解决方式是：开发时将解码代码进行预解释，生成中间执行代码，然后打包成插件形式，页面加载时下载插件，播放实时视频时，通过二次解释执行解码代码，仅能解码实时1080P清晰度的视频，但是还是无法解码实时高清视频(例如，4K、8K等高清视频)。导致上述现状还存在以下问题：在浏览器中播放实时高清视频时，由于解码性能不足，导致播放高清视频不实时或者延迟卡顿的问题。另外，部分浏览器支持多窗口模式及渲染模式，视频播放窗口需要兼容各种浏览器模式。
基于上述现状中存在的不足，本申请实施例提供了一种基于浏览器的视频显示方法，能够实现在浏览器中播放实时高清视频。
为便于对本实施例进行理解，首先对执行本申请实施例所公开的基于浏览器的视频显示方法的电子设备进行详细介绍。
如图1所示，是电子设备的方框示意图。电子设备100可以包括存储器111、存储控制器112、处理器113、外设接口114、输入输出单元115、显示单元116。本领域普通技术人员可以理解，图1所示的结构仅为示意，其并不对电子设备100的结构造成限定。例如，电子设备100还可包括比图1中所示更多或者更少的组件，或者具有与图1所示不同的配置。
上述的存储器111、存储控制器112、处理器113、外设接口114、输入输出单元115及显示单元116各元件相互之间直接或间接地电性连接，以实现数据的传输或交互。例如，这些元件相互之间可通过一条或多条通讯总线或信号线实现电性连接。上述的处理器113用于执行存储器中存储的可执行模块。
其中，存储器111可以是，但不限于，随机存取存储器(Random Access Memory，简称RAM)，只读存储器(Read Only Memory，简称ROM)，可编程只读存储器(ProgrammableRead-Only Memory，简称PROM)，可擦除只读存储器(Erasable Programmable Read-OnlyMemory，简称EPROM)，电可擦除只读存储器(Electric Erasable Programmable Read-OnlyMemory，简称EEPROM)等。其中，存储器111用于存储程序，所述处理器113在接收到执行指令后，执行所述程序，本申请实施例任一实施例揭示的过程定义的电子设备100所执行的方法可以应用于处理器113中，或者由处理器113实现。
上述的处理器113可能是一种集成电路芯片，具有信号的处理能力。上述的处理器113可以是通用处理器，包括中央处理器(Central Processing Unit，简称CPU)、网络处理器(Network Processor，简称NP)等；还可以是数字信号处理器(digital signalprocessor，简称DSP)、专用集成电路
(Application Specific Integrated Circuit，简称ASIC)、现场可编程门阵列(FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。可以实现或者执行本申请实施例中的公开的各方法、步骤及逻辑框图。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。
上述的外设接口114将各种输入/输出装置耦合至处理器113以及存储器111。在一些实施例中，外设接口114，处理器113以及存储控制器112可以在单个芯片中实现。在其他一些实例中，他们可以分别由独立的芯片实现。
上述的输入输出单元115用于提供给用户输入数据。所述输入输出单元115可以是，但不限于，鼠标和键盘等。
上述的显示单元116在电子设备100与用户之间提供一个交互界面(例如用户操作界面)或用于显示图像数据给用户参考。在本实施例中，所述显示单元可以是液晶显示器或触控显示器。若为触控显示器，其可为支持单点和多点触控操作的电容式触控屏或电阻式触控屏等。支持单点和多点触控操作是指触控显示器能感应到来自该触控显示器上一个或多个位置处同时产生的触控操作，并将该感应到的触控操作交由处理器进行计算和处理。
本实施例中，该电子设备100中运行有浏览器，该浏览器可以用于访问各类网站，以获得各类网站提供的服务。
本实施例中的电子设备100可以用于执行本申请实施例提供的各个方法中的各个步骤。下面通过几个实施例详细描述基于浏览器的视频显示方法的实现过程。
请参阅图2，是本申请实施例提供的基于浏览器的视频显示方法的流程图。本实施例中的基于浏览器的视频显示方法中的步骤可以由运行有浏览器的电子设备执行，例如，可以由图1所示的电子设备执行。下面将对图2所示的具体流程进行详细阐述。
步骤210，通过本地播放进程，获取目标浏览器的页面信息。
页面信息中包括指定设备的地址信息。该指定设备可以是采集实时视频画面的采集设备。例如，该指定设备可以是安装在一些监控环境中的监控摄像头。
本实施例中，可以在目标浏览器需要播放实时视频画面时，再执行步骤210。
可选地，该页面信息可以是目标浏览器中需要播放视频页面的页面名称。在一个实例中，该页面名称可以包括指定设备的地址信息。该要播放视频页面可以是WEB页面。
可选地，该页面信息可以是该页面的名称，该名称中携带有指定设备的地址信息。
示例性地，该目标浏览器中可以显示有多个采集设备的图标以及视频播放按钮，在目标浏览器接收到对指定设备的视频播放按钮的触发后，可以确定该目标浏览器需要播放实时视频画面，从而可以启动步骤210。
步骤220，从当前启动的窗口中，确定出该目标浏览器对应的浏览器窗口。
示例性地，可以先获取当前启动的各个窗口的句柄，根据该句柄确定出目标浏览器对应的浏览器窗口。
本实施例中，该本地播放进程可以在电子设备被启动后，则自动启动。该本地播放进程可以设置一定时器，定时器每一轮计时过程可以执行一遍步骤220，以实现浏览器窗口的查找。
步骤230，在该浏览器窗口中通过本地播放进程显示该指定设备采集到的视频画面。
示例性地，该本地播放进程可以在浏览器窗口中创建播放子窗口，以实现通过该播放子窗口播放指定设备采集到的实时视频画面。
示例性地，通过该本地播放进程，在该浏览器窗口中创建播放子窗口；在该播放子窗口中显示该指定设备采集到的视频画面。
示例性地，该播放子窗口可以加载指定设备的地址信息，以获得该指定设备实时采集的视频，以播放该实时采集的视频。
创建该播放子窗口后，将该设置为顶层窗口，饼设置为焦点窗口，然后基于该播放子窗口对指定设备采集到的视频画面进行播放。
在上述实现方法中，通过本地播放进程与浏览器的交互，在浏览器需要播放实时视频时，可以通过本地播放进程对浏览器的窗口进行定位，以实现在浏览器的窗口位置播放需要播放的实时视频，以解决现有的浏览器不能够播放实时视频的问题。
下面通过一个实施方式来介绍步骤220的可选实现方式，如图3所示，本实施例方式中步骤220可以包括以下步骤。
步骤221，从当前启动进程集中确定出目标进程。
其中，该目标进程为支持视频播放的浏览器的进程。示例性地，该目标进程可以是当前启动进程集中能够支持视频播放的浏览器的进程。
例如，当前启动的进程中存在多个浏览器的进程，且多个浏览器均为能够支持视频播放的浏览器，该目标进程也可以是多个进程。
可选地，可以先获取当前启动进程集；然后，再确定出该当前启动进程集中属于预存浏览器进程集的目标进程。
其中，该预存浏览器进程集中的各浏览器进程为支持视频播放的浏览器进程。示例性地，该预存浏览器进程集可以存储各支持视频播放的浏览器的进程名称。
步骤222，根据当前启动的各层窗口的窗口信息，确定出该目标进程对应的浏览器窗口。
示例性地，该窗口信息可以是窗口句柄(HWND)。可以根据该窗口句柄提取出该窗口句柄对应的窗口的进程标识(Identity Document，简称：ID)。
示例性地，若窗口句柄中的进程标识与上述的目标进程的进程标识相同，则可以确定该窗口句柄对应的窗口为浏览器窗口。
可选地，如图4所示，步骤222可以包括步骤2221至步骤2223。
步骤2221，逐一获得各层窗口的窗口信息。
可选地，可以按照窗口创建的顺序，逐一获得各层窗口的窗口信息。
以窗口信息是窗口句柄为例，可以先获取顶层窗口的窗口句柄。
步骤2222，根据各层窗口的该窗口信息，确定出各层窗口的窗口进程。
可以根据窗口句柄解析出该窗口句柄对应的窗口的进程标识。
步骤2223，将各层窗口的该窗口进程与该目标进程进行对比，以确定出目标进程对应的浏览器窗口。
如果一窗口进程与目标进程指示不为同一个进程，则可以确定该窗口进程对应的窗口不是目标进程对应的窗口。
如果其中一个窗口进程与目标进程指示为同一个进程，则可以确定该窗口进程对应的窗口则为浏览器窗口，也就是目标进程对应的窗口。
可选地，步骤222也可以包括：获得实时窗口的窗口信息；根据该实时窗口的窗口信息，确定出该实时窗口的窗口进程；该实时窗口的窗口进程与该目标进程进行对比，以确定出目标进程对应的浏览器窗口；
其中，若实时窗口的窗口进程与该目标进程指示为同一进程，则可以确定出该实时窗口为目标进程对应的浏览器窗口；若实时窗口的窗口进程与该目标进程指示为不同进程，则可以确定出该实时窗口不是目标进程对应的浏览器窗口，则获取当前的实时窗口的下一个窗口的窗口信息，继续进行进程的对比，重复上述步骤，直到确定出浏览器窗口。
本实施例中，首次获取窗口信息时，对应的实时窗口为顶层窗口；后续依次获取的实时窗口可以是按照创建时间依次排序的各个窗口。
在一个实例中，当前电子设备中启动了四个窗口，分别为顶层窗口、窗口A、窗口B以及窗口C。四个窗口的创建顺序依次为：顶层窗口、窗口A、窗口B以及窗口C。则在执行步骤222时，可以按照顶层窗口、窗口A、窗口B以及窗口C的顺序依次获得各窗口的窗口信息。
通过上述实现方式，按序获取各层窗口的窗口信息，依次与目标进程进行对比，以确定出浏览器窗口，通过逐一对比的方式可以有效降低窗口遗漏的风向，提高浏览器窗口确定的准确性。
为了避免在隐藏窗口中无效播放实时视频，在播放之前还可以确定浏览器窗口是否为焦点窗口，以提高实时视频播放的有效性。
在一种实施方式中，如图5所示，步骤230可以包括步骤231和步骤232。
步骤231，判断该浏览器窗口是否为当前焦点窗口。
若是，执行步骤232。若不是，则可以重新返回步骤220，重启新一轮浏览器窗口的查找。
其中，该当前焦点窗口可以表示当前正在处理或编辑的窗口。
可选地，可以获取当前焦点窗口的窗口信息，基于该窗口信息确定出该焦点窗口的焦点窗口名称。然后将焦点窗口名称与浏览器窗口的窗口名称进行对比，如果名称相同，则可以确定浏览器窗口为当前焦点窗口。
示例性地，可以获取当前焦点窗口的窗口句柄，通过该窗口句柄解析出该当前焦点窗口的焦点窗口名称。然后，再根据浏览器窗口的窗口句柄，确定出浏览器窗口的浏览器窗口名称。最后将焦点窗口名称与浏览器窗口名称进行对比，以确定浏览器窗口是否为当前焦点窗口。
步骤232，在该浏览器窗口中通过本地播放进程显示该指定设备采集到的视频画面。
其中，该步骤232的实现可以与前面步骤230的描述类似，在此不再赘述。
在另一种实施方式中，如图6所示，步骤230可以包括步骤233至步骤235。
步骤233，获取当前焦点窗口的焦点窗口信息。
可以获取当前焦点窗口的窗口信息，该窗口信息可以是窗口句柄。
步骤234，根据该焦点窗口信息、该浏览器窗口的窗口信息以及该页面信息，以确定出当前焦点窗口的窗口名称、浏览器窗口的窗口名称以及目标浏览器的页面名称是否相同。
若相同，则执行步骤235。若不相同，则可以返回步骤220，重新启动浏览器窗口的查找。
步骤235，在该浏览器窗口中通过本地播放进程显示该指定设备采集到的视频画面。
其中，该步骤235的实现可以与前面步骤230的描述类似，在此不再赘述。
通过上述实现方式，可以使实时视频的播放能够更有效，避免隐藏状态下对实时视频的无效播放。
在浏览器窗口中不可避免地可能会存在多个子窗口，但是并不是所有的子窗口都可以用来播放实时视频。因此，可以在确定浏览器窗口后，还可以从该浏览器窗口中的子窗口中确定出能够播放实时视频的播放子窗口。其中，该播放子窗口为本地播放进程创建的用来播放实时视频的子窗口。
基于上述分析，如图7所示，步骤230可以包括以下步骤236至步骤238。
步骤236，若该本地播放进程已创建播放子窗口，列举该浏览器窗口的子窗口的子窗口信息，以得到目标子窗口列表。
可选地，可以依次获取该浏览器窗口的子窗口的窗口句柄，以各子窗口的窗口句柄形成该目标子窗口列表。
可选地，可以枚举该浏览器窗口的子窗口的子窗口信息，得到初始子窗口列表。
对该初始子窗口列表中的各个子窗口进行多个维度识别，降低该子窗口列表中的子窗口数量。
示例性地，可以根据各子窗口的子窗口信息中的窗口名称，确定各个子窗口的窗口名称是否为空；若任意一个子窗口的窗口名称为空，则将其从该初始子窗口列表中剔除。
示例性地，根据各子窗口的子窗口信息中的窗口类型，确定各个子窗口是否为渲染窗口；若任意一个子窗口的窗口类型为渲染窗口，则将其从该初始子窗口列表中剔除，以得到目标子窗口列表。
将所有的窗口名称为空，或者窗口类型为渲染窗口的子窗口的窗口信息剔除后，可以得到目标子窗口列表。
步骤237，根据该目标子窗口列表，从所有子窗口中，确定出播放子窗口。
可以遍历该目标子窗口列表，确定各个子窗口是否为本地播放进行创建的播放子窗口。
若从该目标子窗口列表中未找到播放子窗口，则可以返回步骤220，重新启动浏览器窗口的查找。
步骤238，在该播放子窗口显示该指定设备采集到的视频画面。
本实施例中，该播放子窗口显示在浏览器窗口中。
可选地，在确定播放子窗口后，可以判断该播放子窗口是否为显示状态，如果确定该播放子窗口为显示状态的窗口，则可以设置该播放子窗口播放指定设备采集到的视频画面；如果确定该播放子窗口不为显示状态的窗口，则可以设置播放子窗口为隐藏状态，不对指定设备采集的实时视频进行显示。
通过枚举浏览器窗口中的子窗口，以此筛选出本地播放进程创建的播放子窗口，从而可以使指定设备的实时视频能被有效播放。
为了使本地播放进程能够更稳定的与浏览器进行通信，可以在启动本地播放进程后，可以通过该本地播放进程，创建通信服务端；通过该通信服务端与各浏览器进行通信，以监听该浏览器的视频播放需求。
在任意浏览器需要播放实时视频时，可以构建的通信客户端，该通信客户端可以与本地播放进程通信服务端进行通信，以传输需要传输的数据。
上述的步骤210可以包括：通过该通信服务端与该目标浏览器构建的通信客户端通信，以获得该目标浏览器的页面信息。
示例性地，该通信服务端可以是Web Socket服务端，通信客户端可以是WebSocket客户端。
通过本申请实施例的方法，可以在电子设备上安装一个本地播放程序，可以由浏览器的Web页面加载并启动它。通过Web Socket服务端与Web Socket客户端实现Web页面通过与本地播放进程的交互，传递需要播放的指定设备的地址信息等。本地播放进程通过遍历本地进程与窗口查询所有支持实时视频播放的浏览器窗口。通过上述流程，可以满足跨浏览器实时高清视频的播放。
基于同一申请构思，本申请实施例中还提供了与基于浏览器的视频显示方法对应的基于浏览器的视频显示装置，由于本申请实施例中的装置解决问题的原理与前述的基于浏览器的视频显示方法实施例相似，因此本实施例中的装置的实施可以参见上述方法的实施例中的描述，重复之处不再赘述。
请参阅图8，是本申请实施例提供的基于浏览器的视频显示装置的功能模块示意图。本实施例中的基于浏览器的视频显示装置中的各个模块用于执行上述方法实施例中的各个步骤。基于浏览器的视频显示装置包括：获取模块310、确定模块320以及显示模块330；其中各模块的内容如下所示：
获取模块310，用于通过本地播放进程，获取目标浏览器的页面信息，该页面信息中包括指定设备的地址信息；
确定模块320，用于从当前启动的窗口中，确定出该目标浏览器对应的浏览器窗口；
显示模块330，用于在该浏览器窗口中通过本地播放进程显示该指定设备采集到的视频画面。
一种可能的实施方式中，确定模块320，包括：进程确定单元、信息获取单元以及窗口获取单元；
进程确定单元，用于从当前启动进程集中确定出目标进程，其中，该目标进程为支持视频播放的浏览器的进程；
信息获取单元，用于获取当前启动的各层窗口的窗口信息；
窗口获取单元，用于根据各层窗口的该窗口信息，确定出该目标进程对应的浏览器窗口。
一种可能的实施方式中，窗口获取单元，用于逐一获得各层窗口的窗口信息；根据各层窗口的该窗口信息，确定出各层窗口的窗口进程；将各层窗口的该窗口进程与该目标进程进行对比，以确定出目标进程对应的浏览器窗口。
一种可能的实施方式中，窗口获取单元，还用于按照窗口创建的顺序，逐一获得各层窗口的窗口信息。
一种可能的实施方式中，进程确定单元，用于获取当前启动进程集；确定出该当前启动进程集中属于预存浏览器进程集的目标进程，其中，该预存浏览器进程集中的各浏览器进程为支持视频播放的浏览器进程。
一种可能的实施方式中，显示模块330，用于通过该本地播放进程，在该浏览器窗口中创建播放子窗口；在该播放子窗口中显示该指定设备采集到的视频画面。
一种可能的实施方式中，显示模块330，用于判断该浏览器窗口是否为当前焦点窗口；若是，在该浏览器窗口中通过本地播放进程显示该指定设备采集到的视频画面。
一种可能的实施方式中，显示模块330，用于获取当前焦点窗口的焦点窗口信息；根据该焦点窗口信息、该浏览器窗口的窗口信息以及该页面信息，以确定出当前焦点窗口的窗口名称、浏览器窗口的窗口名称以及目标浏览器的页面名称是否相同；若相同，则在该浏览器窗口中通过本地播放进程显示该指定设备采集到的视频画面。
一种可能的实施方式中，显示模块330，用于若该本地播放进程已创建播放子窗口，列举该浏览器窗口的子窗口的子窗口信息，以得到目标子窗口列表；根据该目标子窗口列表，从所有子窗口中，确定出播放子窗口；在该播放子窗口显示该指定设备采集到的视频画面。
一种可能的实施方式中，显示模块330，还用于枚举该浏览器窗口的子窗口的子窗口信息，得到初始子窗口列表；根据各子窗口的子窗口信息中的窗口名称，确定各个子窗口的窗口名称是否为空，若任意一个子窗口的窗口名称为空，则将其从该初始子窗口列表中剔除；根据各子窗口的子窗口信息中的窗口类型，确定各个子窗口是否为渲染窗口；若任意一个子窗口的窗口类型为渲染窗口，则将其从该初始子窗口列表中剔除，以得到目标子窗口列表。
一种可能的实施方式中，本实施例提供的基于浏览器的视频显示装置还可以包括：通信模块，用于通过该本地播放进程，创建通信服务端；通过该通信服务端与各浏览器进行通信，以监听该浏览器的视频播放需求；
获取模块310，用于通过该通信服务端与该目标浏览器构建的通信客户端通信，以获得该目标浏览器的页面信息。
此外，本申请实施例还提供一种计算机可读存储介质，该计算机可读存储介质上存储有计算机程序，该计算机程序被处理器运行时执行上述方法实施例中所述的基于浏览器的视频显示方法的步骤。
本申请实施例所提供的基于浏览器的视频显示方法的计算机程序产品，包括存储了程序代码的计算机可读存储介质，所述程序代码包括的指令可用于执行上述方法实施例中所述的基于浏览器的视频显示方法的步骤，具体可参见上述方法实施例，在此不再赘述。
在本申请所提供的几个实施例中，应该理解到，所揭露的装置和方法，也可以通过其它的方式实现。以上所描述的装置实施例仅仅是示意性的，例如，附图中的流程图和框图显示了根据本申请的多个实施例的装置、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段或代码的一部分，所述模块、程序段或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现方式中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个连续的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或动作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。
另外，在本申请各个实施例中的各功能模块可以集成在一起形成一个独立的部分，也可以是各个模块单独存在，也可以两个或两个以上模块集成形成一个独立的部分。
所述功能如果以软件功能模块的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本申请的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本申请各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(ROM，Read-Only Memory)、随机存取存储器(RAM，Random Access Memory)、磁碟或者光盘等各种可以存储程序代码的介质。需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
以上所述仅为本申请的优选实施例而已，并不用于限制本申请，对于本领域的技术人员来说，本申请可以有各种更改和变化。凡在本申请的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本申请的保护范围之内。应注意到：相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步定义和解释。
以上所述，仅为本申请的具体实施方式，但本申请的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本申请揭露的技术范围内，可轻易想到变化或替换，都应涵盖在本申请的保护范围之内。因此，本申请的保护范围应以权利要求的保护范围为准。

Claims (14)

1.一种基于浏览器的视频显示方法，其特征在于，包括：
通过本地播放进程，获取目标浏览器的页面信息，所述页面信息中包括指定设备的地址信息；
从当前启动的窗口中，确定出所述目标浏览器对应的浏览器窗口；
在所述浏览器窗口中通过本地播放进程显示所述指定设备采集到的视频画面。
2.根据权利要求1所述的方法，其特征在于，所述从当前启动的窗口中，确定出所述目标浏览器对应的浏览器窗口，包括：
从当前启动进程集中确定出目标进程，其中，所述目标进程为支持视频播放的浏览器的进程；
根据当前启动的各层窗口的窗口信息，确定出所述目标进程对应的浏览器窗口。
3.根据权利要求2所述的方法，其特征在于，所述根据当前启动的各层窗口的窗口信息，确定出所述目标进程对应的浏览器窗口，包括：
逐一获得各层窗口的窗口信息；
根据各层窗口的所述窗口信息，确定出各层窗口的窗口进程；
将各层窗口的所述窗口进程与所述目标进程进行对比，以确定出目标进程对应的浏览器窗口。
4.根据权利要求3所述的方法，其特征在于，所述逐一获得各层窗口的窗口信息，包括：
按照窗口创建的顺序，逐一获得各层窗口的窗口信息。
5.根据权利要求2所述的方法，其特征在于，所述从当前启动进程集中确定出目标进程，包括：
获取当前启动进程集；
确定出所述当前启动进程集中属于预存浏览器进程集的目标进程，其中，所述预存浏览器进程集中的各浏览器进程为支持视频播放的浏览器进程。
6.根据权利要求1所述的方法，其特征在于，所述在所述浏览器窗口中通过本地播放进程显示所述指定设备采集到的视频画面，包括：
判断所述浏览器窗口是否为当前焦点窗口；
若是，在所述浏览器窗口中通过本地播放进程显示所述指定设备采集到的视频画面。
7.根据权利要求1所述的方法，其特征在于，所述在所述浏览器窗口中通过本地播放进程显示所述指定设备采集到的视频画面，包括：
获取当前焦点窗口的焦点窗口信息；
根据所述焦点窗口信息、所述浏览器窗口的窗口信息以及所述页面信息，以确定出当前焦点窗口的窗口名称、浏览器窗口的窗口名称以及目标浏览器的页面名称是否相同；
若相同，则在所述浏览器窗口中通过本地播放进程显示所述指定设备采集到的视频画面。
8.根据权利要求1所述的方法，其特征在于，所述在所述浏览器窗口中通过本地播放进程显示所述指定设备采集到的视频画面，包括：
通过所述本地播放进程，在所述浏览器窗口中创建播放子窗口；
在所述播放子窗口中显示所述指定设备采集到的视频画面。
9.根据权利要求1所述的方法，其特征在于，所述在所述浏览器窗口中通过本地播放进程显示所述指定设备采集到的视频画面，包括：
若所述本地播放进程已创建播放子窗口，列举所述浏览器窗口的子窗口的子窗口信息，以得到目标子窗口列表；
根据所述目标子窗口列表，从所有子窗口中，确定出播放子窗口；
在所述播放子窗口显示所述指定设备采集到的视频画面。
10.根据权利要求9所述的方法，其特征在于，所述列举所述浏览器窗口的子窗口的子窗口信息，以得到目标子窗口列表，包括：
枚举所述浏览器窗口的子窗口的子窗口信息，得到初始子窗口列表；
根据各子窗口的子窗口信息中的窗口名称，确定各个子窗口的窗口名称是否为空；
若任意一个子窗口的窗口名称为空，则将其从所述初始子窗口列表中剔除；
根据各子窗口的子窗口信息中的窗口类型，确定各个子窗口是否为渲染窗口；
若任意一个子窗口的窗口类型为渲染窗口，则将其从所述初始子窗口列表中剔除，以得到目标子窗口列表。
11.根据权利要求1所述的方法，其特征在于，所述方法还包括：
通过所述本地播放进程，创建通信服务端；
通过所述通信服务端与各浏览器进行通信，以监听所述浏览器的视频播放需求；
所述获取目标浏览器的页面信息，包括：
通过所述通信服务端与所述目标浏览器构建的通信客户端通信，以获得所述目标浏览器的页面信息。
12.一种电子设备，包括存储器、处理器及存储在存储器上的计算机程序，其特征在于，所述处理器执行所述计算机程序以实现权利要求1-11任意一项所述的方法。
13.一种计算机可读存储介质，其上存储有计算机程序或计算机指令，其特征在于，该计算机程序或计算机指令被处理器执行时实现权利要求1-11任意一项所述的方法。
14.一种计算机程序产品，包括计算机程序或计算机指令，其特征在于，该计算机程序或计算机指令被处理器执行时实现权利要求1-11任意一项所述的方法。
CN202211318305.8A 2022-10-26 2022-10-26 基于浏览器的视频显示方法、电子设备和可读存储介质 Pending CN116264626A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202211318305.8A CN116264626A (zh) 2022-10-26 2022-10-26 基于浏览器的视频显示方法、电子设备和可读存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202211318305.8A CN116264626A (zh) 2022-10-26 2022-10-26 基于浏览器的视频显示方法、电子设备和可读存储介质

Publications (1)

Publication Number Publication Date
CN116264626A true CN116264626A (zh) 2023-06-16

Family

ID=86723765

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202211318305.8A Pending CN116264626A (zh) 2022-10-26 2022-10-26 基于浏览器的视频显示方法、电子设备和可读存储介质

Country Status (1)

Country Link
CN (1) CN116264626A (zh)

Similar Documents

Publication Publication Date Title
CN107729475B (zh) 网页元素采集方法、装置、终端与计算机可读存储介质
US9262784B2 (en) Method, medium, and system for comparison shopping
US20160077695A1 (en) Methods, Systems, And Computer Program Products For Grouping Tabbed Portions Of A Display Object Based On Content Relationships And User Interaction Levels
CN109376291B (zh) 一种基于网络爬虫的网站指纹信息扫描的方法及装置
CN103617241B (zh) 搜索信息处理方法、浏览器终端与服务器
CN105335423B (zh) 一种网页的用户反馈的收集处理方法及装置
US10440435B1 (en) Performing searches while viewing video content
CN106844486A (zh) 爬取动态网页的方法及装置
US20170277622A1 (en) Web Page Automated Testing Method and Apparatus
CN104199865B (zh) 提供内容提供方的定制结果的搜索方法、客户端和系统
CN106909486B (zh) 处理业务异常的方法、装置及系统
CN103605686A (zh) 基于搜索的终端故障解决方案提供方法、服务器和系统
JP4938737B2 (ja) 商品検索システム、商品検索方法、及びプログラム
CA2786418A1 (en) Identifying equivalent javascript events
CN111443967A (zh) 处理方法及装置
US11023944B2 (en) Mobile device for retrieving product information associated with scanned barcode data when the mobile device is connected to a network
CN111026648A (zh) 应用程序页面测试方法、装置、电子设备及存储介质
WO2024174704A1 (zh) 元素定位方法、装置、电子设备及存储介质
US11831417B2 (en) Threat mapping engine
CN108304312B (zh) 一种网页加载速度的测试方法及装置
CN110909155B (zh) 书单生成方法、计算设备及计算机存储介质
CN106909579B (zh) 浏览器展示方法及装置
JP2018506783A (ja) 要素識別子の生成
US8751508B1 (en) Contextual indexing of applications
CN116264626A (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