基于网页的视频播放方法、装置、设备、存储介质及产品制造方法及图纸

技术编号:38871025 阅读:22 留言:0更新日期:2023-09-22 14:07
本发明专利技术提供基于网页的视频播放方法、装置、设备、存储介质及产品,涉及计算机技术领域,浏览器端包括控制组件和视频播放组件,通过控制组件接收视频播放指令,视频播放指令包括创建播放窗口指令和处理视频流指令;响应于创建播放窗口指令,通过视频播放组件生成播放窗口;响应于处理视频流指令,通过视频播放组件接收视频数据包,对视频数据包进行解码,得到目标视频,并在播放窗口中显示目标视频。本发明专利技术通过在浏览器中增加控制组件和视频播放组件的方式响应视频播放指令并实现视频播放,无需使用浏览器已有的组件进行视频数据包的编码和解码,可以有效解决页面卡顿、延迟的问题,且无需配置不同的解码器,对计算机性能要求低。求低。求低。

【技术实现步骤摘要】
基于网页的视频播放方法、装置、设备、存储介质及产品


[0001]本专利技术涉及计算机
,尤其涉及一种基于网页的视频播放方法、装置、设备、存储介质及产品。

技术介绍

[0002]现有的浏览器端的播放器组件大多是通过js等前端技术对视频流进行编码和解码,以实现视频的实时播放。
[0003]H.264和H.265是目前常用的两种视频编码标准,两者基于不同的压缩算法来实现视频数据的压缩和解压缩。对于基于不同视频编码标准的视频数据包,浏览器端的播放器组件需要通过不同的解码器实现视频数据包的解码,进而实现视频的播放。
[0004]然而由于不同解码器的实现存在差异和限制,浏览器组件通常不能同时支持H.264和H.265两种视频编码方式,若要在浏览器端同时配置多个不同的解码器,则对计算机性能的要求高。另外,在使用浏览器的已有组件实现视频播放时,随着播放时间越长,页面卡顿、延迟问题也越来越严重。

技术实现思路

[0005]本专利技术提供一种基于网页的视频播放方法、装置、设备、存储介质及产品,用以解决现有技术中在使用浏览器的已有组件实现视频播放时,随着播放时间越长,页面卡顿、延迟问题严重,且对计算机性能要求高的缺陷。
[0006]本专利技术提供一种基于网页的视频播放方法,浏览器端包括控制组件和视频播放组件,包括:通过控制组件接收视频播放指令,其中,视频播放指令包括创建播放窗口指令和处理视频流指令;响应于创建播放窗口指令,通过视频播放组件在浏览器端的网页中生成播放窗口;响应于处理视频流指令,通过视频播放组件接收视频数据包,并对视频数据包进行解码,得到目标视频;在播放窗口中显示目标视频。
[0007]根据本专利技术提供的一种基于网页的视频播放方法,通过视频播放组件在浏览器端的网页中生成播放窗口之后,包括:通过控制组件接收播放窗口调整指令;响应于播放窗口调整指令,通过视频播放组件调整播放窗口的尺寸和/或位置。
[0008]根据本专利技术提供的一种基于网页的视频播放方法,响应于创建播放窗口指令,通过视频播放组件在浏览器端的网页中生成播放窗口,包括:响应于创建播放窗口指令,通过视频播放组件在浏览器端的网页中生成第一播放窗口和第二播放窗口;响应于处理视频流指令,接收视频数据包,并通过视频播放组件对视频数据包进行解码,得到目标视频,包括:响应于处理视频流指令,接收第一视频数据包和第二视频包;通过视频播放组件分别对第一视频数据包和第二视频数据包进行解码,得到第一目标视频和第二目标视频;在播放窗口中显示目标视频,包括:在第一播放窗口中显示第一目标视频;在第二播放窗口中显示第二目标视频。
[0009]根据本专利技术提供的一种基于网页的视频播放方法,通过控制组件接收视频播放指
令之前,包括:通过控制组件向视频播放组件发送控制端口注册指令;响应于控制端口注册指令,通过视频播放组件向控制组件发送控制端口注册结果。
[0010]根据本专利技术提供的一种基于网页的视频播放方法,通过控制组件接收用户的输入指令;响应于输入指令,通过视频播放组件控制对播放窗口中的目标视频进行暂停/播放/结束/截图。
[0011]根据本专利技术提供的一种基于网页的视频播放方法,控制组件和视频播放组件利用Socket进行双向通信。
[0012]本专利技术还提供一种基于网页的视频播放装置,包括控制组件和视频播放组件;控制组件,用于接收视频播放指令,其中,视频播放指令包括创建播放窗口指令和处理视频流指令;视频播放组件,用于响应于创建播放窗口指令,在浏览器端的网页中生成播放窗口;响应于处理视频流指令,通过视频播放组件接收视频数据包,并对视频数据包进行解码,得到目标视频;在播放窗口中显示目标视频。
[0013]本专利技术还提供一种电子设备,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,处理器执行程序时实现如上述任一种所述基于网页的视频播放方法。
[0014]本专利技术还提供一种非暂态计算机可读存储介质,其上存储有计算机程序,该计算机程序被处理器执行时实现如上述任一种所述基于网页的视频播放方法。
[0015]本专利技术还提供一种计算机程序产品,包括计算机程序,所述计算机程序被处理器执行时实现如上述任一种所述基于网页的视频播放方法。
[0016]本专利技术提供的基于网页的视频播放方法、装置、设备、存储介质及产品,浏览器端包括控制组件和视频播放组件,通过控制组件接收视频播放指令,视频播放指令包括创建播放窗口指令和处理视频流指令;响应于创建播放窗口指令,通过视频播放组件在浏览器端的网页中生成播放窗口;响应于处理视频流指令,通过视频播放组件接收视频数据包,并对视频数据包进行解码,得到目标视频,并在播放窗口中显示目标视频。本专利技术通过在浏览器中增加控制组件和视频播放组件的方式响应视频播放指令并实现视频播放,无需使用浏览器已有的组件进行视频数据包的编码和解码,可以有效解决页面卡顿、延迟的问题,且无需配置不同的解码器,对计算机性能要求低。
附图说明
[0017]为了更清楚地说明本专利技术或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作一简单地介绍,显而易见地,下面描述中的附图是本专利技术的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
[0018]图1是本专利技术提供的基于网页的视频播放方法的流程示意图;
[0019]图2是本专利技术控制组件和视频播放组件的通信控制示意图;
[0020]图3是本专利技术提供的基于网页的视频播放装置的结构示意图;
[0021]图4是本专利技术电子设备一实施例的结构示意图。
具体实施方式
[0022]为使本专利技术的目的、技术方案和优点更加清楚,下面将结合本专利技术中的附图,对本专利技术中的技术方案进行清楚、完整地描述,显然,所描述的实施例是本专利技术一部分实施例,而不是全部的实施例。基于本专利技术中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本专利技术保护的范围。
[0023]在使用浏览器的已有组件实现视频播放时,随着播放时间越长,页面卡顿、延迟问题严重,且对计算机性能要求高。
[0024]基于此,本专利技术提供一种基于网页的视频播放方法、装置、设备、存储介质及产品,用以解决现有技术中在使用浏览器的已有组件实现视频播放时,随着播放时间越长,页面卡顿、延迟问题严重,且对计算机性能要求高的缺陷。
[0025]请参阅图1,图1是本专利技术提供的基于网页的视频播放方法的流程示意图,在本实施例中,浏览器端包括控制组件和视频播放组件,基于网页的视频播放方法具体包括步骤110至步骤140,各步骤具体如下:
[0026]步骤110:通过控制组件接收视频播放指令。
[0027]视频播放指令是指控制视频播放器组件进行特定操作的命令或指示。
[0028]在本实施例中,视频播放指令包括创建播放窗口指令和处理视频流指令。
[0029]需要说明的是,由于浏览器的已本文档来自技高网
...

【技术保护点】

【技术特征摘要】
1.一种基于网页的视频播放方法,其特征在于,浏览器端包括控制组件和视频播放组件,包括:通过所述控制组件接收视频播放指令,其中,所述视频播放指令包括创建播放窗口指令和处理视频流指令;响应于所述创建播放窗口指令,通过所述视频播放组件在浏览器端的网页中生成播放窗口;响应于所述处理视频流指令,通过所述视频播放组件接收视频数据包,并对所述视频数据包进行解码,得到目标视频;在所述播放窗口中显示所述目标视频。2.根据权利要求1所述的基于网页的视频播放方法,其特征在于,所述通过所述视频播放组件在浏览器端的网页中生成播放窗口之后,包括:通过所述控制组件接收播放窗口调整指令;响应于所述播放窗口调整指令,通过所述视频播放组件调整所述播放窗口的尺寸和/或位置。3.根据权利要求1所述的基于网页的视频播放方法,其特征在于,所述响应于创建播放窗口指令,通过所述视频播放组件在浏览器端的网页中生成播放窗口,包括:响应于所述创建播放窗口指令,通过所述视频播放组件在浏览器端的网页中生成第一播放窗口和第二播放窗口;所述响应于所述处理视频流指令,接收视频数据包,并通过所述视频播放组件对所述视频数据包进行解码,得到目标视频,包括:响应于所述处理视频流指令,接收第一视频数据包和第二视频包;通过所述视频播放组件分别对所述第一视频数据包和所述第二视频数据包进行解码,得到第一目标视频和第二目标视频;所述在所述播放窗口中显示所述目标视频,包括:在所述第一播放窗口中显示所述第一目标视频;在所述第二播放窗口中显示所述第二目标视频。4.根据权利要求1所述的基于网页的视频播放方法,其特征在于,所述通过所述控制组件接收视频播放指令之前...

【专利技术属性】
技术研发人员:王之英
申请(专利权)人:浪潮通信技术有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1