CN116261021A - 一种视频流播放方法、装置、电子设备及存储介质 - Google Patents
一种视频流播放方法、装置、电子设备及存储介质 Download PDFInfo
- Publication number
- CN116261021A CN116261021A CN202310545209.5A CN202310545209A CN116261021A CN 116261021 A CN116261021 A CN 116261021A CN 202310545209 A CN202310545209 A CN 202310545209A CN 116261021 A CN116261021 A CN 116261021A
- Authority
- CN
- China
- Prior art keywords
- video stream
- server
- browser
- target camera
- playing
- 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
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/20—Software design
- G06F8/24—Object-oriented
-
- 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/85—Assembly of content; Generation of multimedia applications
- H04N21/858—Linking data to content, e.g. by linking an URL to a video object, by creating a hotspot
-
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
- Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Multimedia (AREA)
- Signal Processing (AREA)
- Two-Way Televisions, Distribution Of Moving Picture Or The Like (AREA)
- Television Signal Processing For Recording (AREA)
Abstract
本发明实施例提供了一种视频流播放方法、装置、电子设备及存储介质,涉及计算机技术领域,具体实现方案为:接收服务端推送的分段动态图像专家组4fmp4封装格式的视频流,fmp4封装格式的视频流是服务端对目标摄像头的视频流封装得到的;基于视频流创建一个预设对象,并将视频流传至对象,得到存有视频流的对象;利用存有视频流的对象生成一个播放链接,利用播放链接播放视频流。本发明实施例能够减少由于安装插件带来的安全漏洞。
Description
技术领域
本发明涉及计算机技术领域,特别是涉及一种视频流播放方法、装置、电子设备及存储介质。
背景技术
相关技术中,在安防场景下,安防摄像头进行拍摄得到视频流,利用浏览器播放视频流时,比如播放H265(一种视频编码标准)格式的视频流,需要安装浏览器插件来播放这些视频流,由于一些恶意插件存在安全漏洞,比如安装之后会盗取用户信息,因此,相关技术中通过安装浏览器插件的方式来播放视频流,可能会存在安全漏洞。
发明内容
本发明实施例的目的在于提供一种视频流播放方法、装置、电子设备及存储介质,以减少由于安装插件带来的安全漏洞。
根据本发明实施例的第一方面,提供了一种视频流播放方法,应用于浏览器,所述方法包括:
接收服务端推送的分段动态图像专家组4fmp4封装格式的视频流,所述fmp4封装格式的视频流是服务端对目标摄像头的视频流封装得到的;
基于所述视频流创建一个预设对象,并将所述视频流传至所述对象,得到存有所述视频流的对象;
利用存有所述视频流的对象生成一个播放链接,利用所述播放链接播放所述视频流。
在一种可能的实施方式中,所述对象包括媒体源mediasource对象;
所述基于所述视频流创建一个预设对象,包括:
调用mp4box.js库读取所述fmp4封装格式的视频流的属性信息;
基于所述属性信息创建所述mediasource对象。
在一种可能的实施方式中,所述利用存有所述视频流的对象生成一个播放链接,包括:
将存有所述视频流的mediasource对象作为URL.createObjectURL的参数;
利用包含所述参数的URL.createObjectURL生成针对所述视频流的播放链接。
在一种可能的实施方式中,所述方法还包括:
向所述服务端发送针对所述目标摄像头的开流命令;
接收所述服务端发送的针对所述目标摄像头的开流信息;
基于所述开流信息建立与所述服务端的websocket连接;
所述接收服务端推送的分段动态图像专家组4fmp4封装格式的视频流,包括:
在与所述服务端建立websocket连接后,接收服务端推送的fmp4封装格式的视频流。
在一种可能的实施方式中,所述方法还包括:
将所述播放链接赋值给浏览器的播放器的视频属性;
所述利用所述播放链接播放所述视频流,包括:
通过所述播放器对所述视频流进行播放。
在一种可能的实施方式中,所述方法还包括:
接收到用于获取所述目标摄像头的音频流的触发指令后,向所述服务端发送用于获取所述目标摄像头的音频流的请求;
接收所述服务端推送的所述目标摄像头的音频流;
调用预设播放器播放所述音频流。
根据本发明实施例的第二方面,提供了一种视频流播放方法,应用于服务端,所述方法包括:
获取目标摄像头的视频流;
将所述目标摄像头的视频流封装成分段动态图像专家组4fmp4封装格式的视频流;
将所述fmp4封装格式的视频流推送给浏览器,以使所述浏览器利用播放链接播放所述视频流,所述播放链接是利用存有所述fmp4封装格式的视频流的对象生成一个播放链接,所述对象是基于所述fmp4封装格式的视频流创建一个预设对象。
所述方法还包括:
在接收到浏览器发送的针对所述目标摄像头的开流命令后,向所述服务端发送针对所述目标摄像头的开流信息;
基于所述浏览器发送的携带所述开流信息的请求信息,建立与所述浏览器的websocket连接,并在建立websocket连接后,向所述浏览器推送fmp4封装格式的视频流。
根据本发明实施例的第三方面,提供了一种视频流推荐装置,应用于浏览器,所述装置包括:
接收模块,用于接收服务端推送的分段动态图像专家组4fmp4封装格式的视频流,所述fmp4封装格式的视频流是服务端对目标摄像头的视频流封装得到的;
创建模块,用于基于所述视频流创建一个预设对象,并将所述视频流传至所述对象,得到存有所述视频流的对象;
播放链接生成模块,用于利用存有所述视频流的对象生成一个播放链接,利用所述播放链接播放所述视频流。
在一种可能的实施方式中,所述对象包括媒体源mediasource对象;所述创建模块,具体用于调用mp4box.js库读取所述fmp4封装格式的视频流的属性信息;
基于所述属性信息创建所述mediasource对象。
在一种可能的实施方式中,所述播放链接生成模块,具体用于将存有所述视频流的mediasource对象作为URL.createObjectURL的参数;
利用包含所述参数的URL.createObjectURL生成针对所述视频流的播放链接。
在一种可能的实施方式中,所述装置还包括:
第一发送模块,用于向所述服务端发送针对所述目标摄像头的开流命令;
开流信息接收模块,用于接收所述服务端发送的针对所述目标摄像头的开流信息;
连接建立模块,用于基于所述开流信息建立与所述服务端的websocket连接;
所述接收模块,具体用于在与所述服务端建立websocket连接后,接收服务端推送的fmp4封装格式的视频流。
在一种可能的实施方式中,所述装置还包括:
赋值模块,用于将所述播放链接赋值给浏览器的播放器的视频属性;
所述播放链接生成模块,具体用于通过所述播放器对所述视频流进行播放。
在一种可能的实施方式中,所述装置还包括:
第二发送模块,用于接收到用于获取所述目标摄像头的音频流的触发指令后,向所述服务端发送用于获取所述目标摄像头的音频流的请求;
音频流接收模块,用于接收所述服务端推送的所述目标摄像头的音频流;
播放模块,用于调用预设播放器播放所述音频流。
根据本发明实施例的第四方面,提供了一种视频流播放装置,应用于服务端,所述装置包括:
获取模块,用于获取所述目标摄像头的视频流;
封装模块,用于将所述目标摄像头的视频流封装成分段动态图像专家组4fmp4封装格式的视频流;
推送模块,用于将所述fmp4封装格式的视频流推送给浏览器,以使所述浏览器利用播放链接播放所述视频流,所述播放链接是利用存有所述fmp4封装格式的视频流的对象生成一个播放链接,所述对象是基于所述fmp4封装格式的视频流创建一个预设对象。
在一种可能的实施方式中,所述装置还包括:
发送模块,用于在接收到浏览器发送的针对所述目标摄像头的开流命令后,向所述服务端发送针对所述目标摄像头的开流信息;
推送模块,用于基于所述浏览器发送的携带所述开流信息的请求信息,建立与所述浏览器的websocket连接,并在建立websocket连接后,向所述浏览器推送fmp4封装格式的视频流。
根据本发明实施例的第五方面,还提供了一种电子设备,包括:处理器、通信接口、存储器和通信总线,其中,处理器,通信接口,存储器通过通信总线完成相互间的通信,
存储器,用于存放计算机程序;
处理器,用于执行存储器上所存放的程序时,实现第一方面或第二方面中任一所述的方法步骤。
根据本发明实施的第六方面,还提供了一种计算机可读存储介质,所述计算机可读存储介质内存储有计算机程序,所述计算机程序被处理器执行时实现上述任一所述的视频流播放方法。
本发明实施例还提供了一种包含指令的计算机程序产品,当其在计算机上运行时,使得计算机执行上述任一所述的视频流播放方法。
本发明实施例有益效果:
本发明实施例提供的一种视频流播放方法、装置、电子设备及存储介质,接收服务端推送的分段动态图像专家组4fmp4封装格式的视频流;基于接收到的视频流创建一个预设对象,并将视频流传至对象,得到存有视频流的对象;利用存有视频流的对象生成一个播放链接,利用播放链接播放视频流。相比于相关技术中必须安装浏览器插件才可以播放视频流,而一些恶意插件存在安全漏洞,可能会造成用户安全风险,本发明实施例中,能够利用生成的播放链接对目标摄像头的视频流进行播放,无需安装插件既可实现播放视频流,能够减少由于安装插件带来的安全漏洞。
当然,实施本发明的任一产品或方法并不一定需要同时达到以上所述的所有优点。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,还可以根据这些附图获得其他的实施例。
图1为本发明实施例提供的应用于浏览器的视频流播放方法的一种流程图;
图2为本发明实施例提供的应用于浏览器的视频流播放方法的另一种流程图;
图3为本发明实施例提供的应用于浏览器的视频流播放方法的又一种流程图;
图4为本发明实施例提供的应用于服务端的视频流播放方法的一种流程图;
图5为本发明实施例提供的视频流播放方法的一种示意图;
图6为本发明实施例提供的应用于浏览器的视频流播放装置的一种结构示意图;
图7为本发明实施例提供的应用于服务端的视频流播放装置的一种结构示意图;
图8为本发明实施例提供的一种电子设备结构示意图。
具体实施方式
下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员基于本申请所获得的所有其他实施例,都属于本发明保护的范围。
图1为本发明实施例提供的应用于浏览器的视频流播放方法的一种流程图,如图1所示,包括:
步骤S101,接收服务端推送的分段动态图像专家组4fmp4封装格式的视频流,fmp4封装格式的视频流是服务端对目标摄像头的视频流封装得到的;
步骤S102,基于视频流创建一个预设对象,并将视频流传至对象,得到存有视频流的对象;
步骤S103,利用存有视频流的对象生成一个播放链接,利用播放链接播放视频流。
本发明实施例中,根据存有分段动态图像专家组4(fragmented moving pictureexperts group 4,fmp4)封装格式的视频流的对象生成一个播放链接,利并用播放链接播放视频流。相比于相关技术中必须安装浏览器插件才可以播放视频流,而一些恶意插件存在安全漏洞,可能会造成用户安全风险,本发明实施例中,能够利用生成的播放链接对目标摄像头的视频流进行播放,即可以在在浏览器客户端直接播放目标摄像头的视频流,无需再安装插件进行播放,能够减少由于安装插件带来的安全漏洞。
进一步地,由于无需再安装浏览器插件播放目标摄像头的视频流,因此可以省去安装插件的过程,也可以节省浏览器的存储资源。
本发明实施例提供的视频流播放方法可以应用于浏览器,具体地可以应用于安装有浏览器的电子设备,如终端等。
关于步骤S101,在安防场景中,一般情况下,有多个安防摄像头用于采集视频和声音看,目标摄像头为上述多个安防摄像头中的一个或多个,当用户想要播放某个摄像头采集的视频和/或声音时,该摄像头即为目标摄像头。
浏览器(前端)在接收服务端推送的fmp4封装格式的视频流之前,可以先向服务端(后端)发送获取目标摄像头的视频流的开流命令,服务端根据该开流命令向浏览器推送针对目标摄像头的fmp4封装格式的视频流。其中,fmp4封装格式的视频流仅包括视频数据,并不包括音频数据。服务端也可以理解为一个服务器。
本发明实施例中视频流即为安防场景下的视频流,例如,包括监控画面的视频流。
关于步骤S102,在得到fmp4封装格式的视频流之后,可以读取视频流的属性信息,其中,视频流的属性信息可以是视频流的编码格式、编码的语法定义等。
根据视频流的属性信息创建预设对象,再将fmp4封装格式的视频流传输至创建的对象中,得到存有fmp4封装格式的视频流的对象。上述预设对象包含多种类型,例如,文件(File)对象、二进制类型的对象(Binary Large Objec,Blob)或者媒体源(MediaSource)对象等。对象可以理解为一个容器,将fmp4封装格式的视频流存放到该容器中,即可到的存有fmp4封装格式的视频流的对象。
关于步骤S103,得到存有fmp4封装格式的视频流的对象后,将该对象作为播放连接创建方法的参数,从而生成播放链接,由浏览器的播放器根据该播放链接播放目标摄像头的视频流。
在一种可能的实施方式中,对象可以包括mediasource对象。图2为本发明实施例提供的应用于浏览器的视频流播放方法的又一种流程图,如图2所示,包括:
步骤S101,接收服务端推送的分段动态图像专家组4fmp4封装格式的视频流,fmp4封装格式的视频流是服务端对目标摄像头的视频流封装得到的;
步骤S1021,调用mp4box.js库读取fmp4封装格式的视频流的属性信息;
mp4box.js 库是一个在线解析mp4的工具,用于读取mp4文件中的数据。本发明实施例中,调用mp4box.js库读取fmp4封装格式的视频流的属性信息,属性信息可以理解为fmp4封装格式的视频流的媒体数据信息,读取的属性信息可以包括fmp4封装格式的视频流的编码格式,例如H264、H265编码格式等,编码的语法定义、视频流的宽高、分辨率、时长、比特率等。
步骤S1022,基于属性信息创建mediasource对象,并将视频流传至mediasource对象,得到存有视频流的mediasource对象;
将读取到的属性信息传输给浏览器的媒体源扩展(Media Source Extensions,MSE)接口,MSE接口根据属性信息创建一个mediasource对象,具体可以是为fmp4封装格式的视频流生成媒体初始化框(media initialization box),将属性信息添加至mediainitialization box中,根据存有属性信息的media initialization box创建一个mediasource对象。由媒体缓冲区(mediabuffer)将fmp4封装格式的视频流添加至mediasource对象中,在mediasource对象中将多个fmp4封装格式的视频流合并成一个mp4封装格式的视频流,即可得到存有目标摄像头的视频流的mediasource对象;mp4封装格式的视频流能够被MSE播放器播放。在本发明实施例中,通过mp4box.js库可以将fmp4封装格式的视频流转化为mediasource对象可解析的数据,即通过mp4box.js库读取的属性信息,创建mediasource对象,再将fmp4封装格式的视频流存放在mediasource对象中。
进一步地,若要使用户通过显示页面观看目标摄像头的视频流,还需要根据存有mp4封装格式的视频流的mediasource对象生成播放链接,利用播放链接在浏览器的播放器上进行播放。
步骤S103,利用存有视频流的对象生成一个播放链接,利用播放链接播放视频流。
本发明实施例中,调用mp4box.js库读取fmp4封装格式的视频流的属性信息,根据属性信息创建mediasource对象,将fmp4封装格式的视频流传至mediasource对象中,从而能够根据存有fmp4封装格式的视频流的mediasource对象生成播放链接,利用播放链接播放目标摄像头的视频流,无需再安装插件进行视频流的播放,能够减少由于安装插件带来的安全漏洞。本发明实施例能够实现对多种视频编码格式的视频流的无插件播放,例如H264、H265、高级视频编码(Advanced Video Coding,AVC)等编码格式的视频流的无插件播放。
在一种可能的实施方式中,在图1所示实施例的基础上,步骤S103,可以包括:
步骤S1031,将存有视频流的mediasource对象作为URL.createObjectURL的参数;
步骤S1032,利用包含参数的URL.createObjectURL生成针对视频流的播放链接。
URL.createObjectURL可以理解为用于生成链接的对象,URL.createObjectURL()会根据传入的参数创建一个指向该参数对象的统一资源定位器(Uniform ResourceLocator,URL),URL即为生成的链接。本发明实施例中将存有视频流的mediasource对象作为URL.createObjectURL的参数,参数一般写在URL.createObjectURL后边的括号中,URL.createObjectURL会返回一个链接,该链接是指向存有视频流的mediasource对象的,也可以理解为该链接是指向目标摄像头的视频流的,因此能够根据生成的链接实现对目标摄像头的视频流的播放。
本发明实施例中,将存有视频流的mediasource对象作为URL.createObjectURL的参数,利用包含参数的URL.createObjectURL生成针对视频流的播放链接,利用播放链接播放目标摄像头的视频流,无需再安装插件进行视频流的播放,能够减少由于安装插件带来的安全漏洞。
在一种可能的实施方式中,在图1所示实施例的基础上,利用存有视频流的对象生成播放链接后,本发明实施例提供的视频流播放方法还可以包括:
将播放链接赋值给浏览器的播放器的视频属性;
具体地,在得到播放链接后将播放链接赋值给浏览器的播放器的视频属性,其中,浏览器的播放器可以是浏览器的video标签。视频属性可以是来源(source,src)属性,src属性用于规定媒体文件的URL,可以理解,在利用video标签进行视频播放时,必须要将待播放视频的URL赋值给video标签的src属性,也即将播放链接赋值给video标签的src属性。
利用播放链接播放视频流,可以包括:
通过播放器对视频流进行播放,具体可以是通过video标签对目标摄像头的视频流进行播放。
本发明实施例中,将播放链接赋值给浏览器的video标签的src属性,以使video标签实现对目标摄像头的视频流的播放。从而无需再安装插件进行视频流的播放,能够减少由于安装插件带来的安全漏洞。
一种可实现方式中,浏览器在执行步骤S101之前,可以先与服务端建立websocket(一种通信协议)连接,通过websocket连接接收服务端推送的fmp4封装格式的视频流,如图3所示,为本发明实施例提供的应用于浏览器的视频流播放方法的另一种流程图,包括:
步骤S001,向服务端发送针对目标摄像头的开流命令;
浏览器向服务端发送开流命令可以理解为向服务端发送了一个请求获取目标摄像头的视频流的消息,具体可以是通过超文本传输协议(Hyper Text Transfer Protocol,HTTP)向服务端发送开流命令。
在安防场景下,用户点击安防系统页面上针对目标摄像头的按钮,用户点击按钮的动作能够触发浏览器向服务端发送针对目标摄像头的开流命令;按钮与安防摄像头之间存在对应关系,例如,总共有10个安防摄像头,则在页面上设置10个按钮,每个按钮对应一个安防摄像头;或者,将这10个安防摄像头分为两组,每一组包含5个,则在页面上设置2个按钮,点击其中有个按钮,就触发浏览器向服务端发送针对该组的5个摄像头的开流命令,即在这种情况下,目标摄像头的数量为多个,具体为5个。上述安防摄像头与页面上的按钮的对应关系仅作为举例,其他的对应关系也包含在本发明实施例中,这都是合理的。
步骤S002,接收服务端发送的针对目标摄像头的开流信息;
服务端接收到开流命令后,根据开流命令中目标摄像头的参数信息向浏览器发送针对目标摄像头的开流信息。参数信息可以是目标摄像头的编号;开流信息包括目标摄像头的互联网协议(InternetProtocol,IP)地址和端口,端口可以理解为一个访问地址,用于访问存储在服务端中的目标摄像头的fmp4封装格式的视频流。
步骤S003,基于开流信息建立与服务端的websocket连接;
浏览器在接收到针对目标摄像头的开流信息后,向服务端发送携带有开流信息的请求信息,该请求信息具体是请求与服务端建立websocket连接的信息,服务端在接收到该请求信息后建立与浏览器之间的websocket连接。
websocket协议是基于传输控制协议(Transmission Control Protocol,TCP)的网络协议,实现了浏览器与客户端的全双工通信,websocket协议允许服务器主动推送消息给浏览器客户端。
浏览器在与服务端建立websocket连接后,可以继续执行步骤S101至步骤S103。
步骤S101可以包括:
步骤S1011,在与服务端建立websocket连接后,接收服务端推送的分段动态图像专家组4fmp4封装格式的视频流。
服务端利用websocket连接向浏览器推送fmp4封装格式的视频流,浏览器监听服务端推送的fmp4封装格式的视频流,即接收fmp4封装格式的视频流,需要说明的是本发明实施例中默认向浏览器推送目标摄像头的fmp4封装格式的视频流,而不推送目标摄像头的音频流,具体地,可以根据研究人员编写的代码实现控制服务端默认推送目标摄像头的视频流。
本发明实施例中,浏览器通过服务端发送的开流信息建立与服务端之间的websocket连接,通过websocket连接接收fmp4封装格式的视频流,从而将fmp4封装格式的视频流传至预设对象中,进而生成播放链接,利用生成的播放链接对目标摄像头的视频流进行播放,无需安装插件既可实现播放视频流,能够减少由于安装插件带来的安全漏洞。
另外,在安防场景下,一般仅需要观察安防摄像头的采集的画面信息,即在播放时仅需要播放视频流,本发明实施例中服务器默认推送目标摄像头的视频流,而不推送音频流,能够减少服务器的工作量,进一步地,可以提高视频流推送的效率。
在一种可能的实施方式中,本发明实施例提供的视频流播放方法还可以包括以下步骤:
步骤A,接收到用于获取目标摄像头的音频流的触发指令后,向服务端发送用于获取目标摄像头的音频流的请求;
一种可实现方式中,服务端在接收到浏览器发送的开流命令后,仅会向浏览器推送目标摄像头的fmp4封装格式的视频流,而不向浏览器推送目标摄像头的音频流。在安防场景中,当用户想要收听目标摄像头采集的音频流时,可以点击安防系统页面上的开启音频流推送的按钮,用户点击该按钮后,浏览器会接收到用于获取目标摄像头的音频流的触发指令,然后,浏览器向服务端发送用于获取目标摄像头的音频流的请求,也可以理解为用户点击开启音频流推送的按钮则触发浏览器向服务端发送用于获取目标摄像头的音频流的请求,一种方式中,浏览器可以利用websocket连接向服务端发送获取目标摄像头的音频流的请求。
用户可以在浏览器向服务端发送开流命令后的任意时刻点击安防系统页面上的开启音频流推送的按钮。一个例子中,用户可以先点击页面上针对目标摄像头的按钮,触发浏览器向服务端发送针对目标摄像头的开流命令,浏览器播放目标摄像头的视频流后,此时用户如果想收听目标摄像头的音频流,再点击页面上的开启音频流推送的按钮,接收服务端推送的目标摄像头的音频流,并在浏览器上播放目标摄像头的音频流。其中,浏览器在播放目标摄像头的视频流和音频流时,会对视频流和音频流进行处理,保证同步播放。
步骤B,接收服务端推送的目标摄像头的音频流;
通过与服务端之间的websocket连接接收目标摄像头的音频流,音频流的格式可以是多种格式,例如自适应差分脉冲编码调制(Adaptive Differential Pulse CodeModulation,ADPCM)格式、高级音频编码(Advanced Audio Coding,AAC)等,对此本发明实施例不做具体的限定。
步骤C,调用预设播放器播放音频流。
当接收到目标摄像头的音频流后,可以直接调用预设播放器播放音频流,预设播放器可以是pcmplayer.js(一种多媒体播放器)播放器、浏览器的音频(audio)标签等,对此本发明实施例不做限定。
浏览器在播放针对目标摄像头的视频流和音频流时,可以使视频流和音频流同步播放,例如通过ffmpeg(一种音视频编解码工具)实现视频流和音频流的同步播放。
本发明实施例中,在用户需要播放目标摄像头的音频流的情况下,向服务端发送开启推送目标摄像头的音频流的命令,接收目标摄像头的音频流并进行播放。即能够根据用户的播放需求选择仅播放目标摄像头的视频流,或者选择同步播放目标摄像头的视频流和音频流,能够提升用户体验。
图4为本发明实施例提供的应用于服务端的视频流播放方法的一种流程图,如图4所示,可以包括:
步骤S401,获取目标摄像头的视频流;
在接收到浏览器发送的针对目标摄像头的开流命令后,服务端从另一个专门用于存储各安防摄像头的视频流和音频流的服务端获取目标摄像头的视频流,同时还可以获取目标摄像头的音频流。服务端在获取到目标摄像头的视频流后,根据获取的视频流向浏览器发送开流信息。其中,获取的目标摄像头的视频流可以是H265编码格式的视频流,获取的目标摄像头的音频流可以是AAC编码格式的音频流。
步骤S402,将目标摄像头的视频流封装成分段动态图像专家组4fmp4封装格式的视频流;
服务端将获取到的目标摄像的视频流封装成fmp4封装格式的裸流,封装成fmp4封装格式可以理解为按照fmp4封装格式要求的规则,将目标摄像的视频流放到一个文件中。
步骤S403,将fmp4封装格式的视频流推送给浏览器,以使浏览器利用播放链接播放视频流,播放链接是利用存有fmp4封装格式的视频流的对象生成一个播放链接,对象是基于fmp4封装格式的视频流创建一个预设对象。
本发明实施例中,服务端默认只向浏览器推送目标摄像头的fmp4封装格式视频流,而不推送音频流;当浏览器向服务端发送开启推送目标摄像头的音频流的命令后,服务端才向浏览器推送目标摄像头的音频流。
本发明实施例中,服务段端在接收到浏览器发送的针对目标摄像头的开流命令后,先获取目标摄像头的视频流和音频流,将视频流封装成fmp4封装格式,再推送给浏览器,以使浏览器利用播放链接播放视频流,从而无需安装插件既可实现播放视频流,能够减少由于安装插件带来的安全漏洞。
本发明实施例中,服务端默认仅向浏览器推送目标摄像头的视频流,当接受到浏览器发送的开启推送目标摄像头的音频流的命令后,才向浏览器发送音频流。如此,可以减少服务端的工作量,提高视频流的推送效率。
在一种可能的实施方式中,本发明实施例提供的应用于服务端的视频流播放方法还可以包括:
步骤D,在接收到浏览器发送的针对目标摄像头的开流命令后,向服务端发送针对目标摄像头的开流信息;
步骤E,基于浏览器发送的携带开流信息的请求信息,建立与浏览器的websocket连接,并在建立websocket连接后,向浏览器推送fmp4封装格式的视频流。
浏览器发送的请求信息为请求与服务端建立websocket连接,该请求信息中携带有开流信息。在浏览器和服务端成功建立websocket连接后,服务端利用websocket连接向浏览器推送fmp4封装格式的视频流。
本发明实施例中,服务端在接收到浏览器发送的针对目标摄像头的开流命令后,向浏览器发送开流信息,根据浏览器发送的携带开流信息的请求信息,建立与浏览器的websocket连接,利用websocket连接向浏览器推送fmp4封装格式的视频流。以使浏览器利用播放链接播放视频流,从而无需安装插件既可实现播放视频流,能够减少由于安装插件带来的安全漏洞。
图5为本发明实施例提供的视频流播放方法的一种示意图,如图5所示,浏览器客户端通过超文本传输协议(http)向服务端发送针对目标摄像头的开流命令,服务端接收到浏览器发送的开流命令后向浏览器发送目标摄像头的开流信息,开流信息可以包括目标摄像头的IP地址和端口,浏览器再基于开流信息向服务端请求建立websocket连接,在websocket连接建立成功后,服务端向浏览器通过websocket连接推送目标摄像头的fmp4封装格式的视频流,浏览器在接收到fmp4封装格式的视频流后通过mp4box.js库和mediasource对fmp4封装格式的视频流的视频流进行处理,具体为调用mp4box.js库读取fmp4封装格式的视频流的属性信息,根据属性信息创建一个mediasource对象,将fmp4封装格式的视频流传输至mediasource对象中,基于存有目标摄像头视频流的mediasource对象生成一个指向该mediasource对象的链接,将生成的链接赋值给视频(video)标签的src属性,通过video标签播放目标摄像头的视频流。
图6为本发明实施例提供的应用于浏览器的视频流播放装置的一种结构示意图,参照图6,该装置包括:
接收模块601,用于接收服务端推送的分段动态图像专家组4fmp4封装格式的视频流,fmp4封装格式的视频流是服务端对目标摄像头的视频流封装得到的;
创建模块602,用于基于视频流创建一个预设对象,并将视频流传至对象,得到存有视频流的对象;
播放链接生成模块603,用于利用存有视频流的对象生成一个播放链接,利用播放链接播放视频流。
本发明实施例中,接收服务端推送的分段动态图像专家组4fmp4封装格式的视频流;基于接收到的视频流创建一个预设对象,并将视频流传至对象,得到存有视频流的对象;利用存有视频流的对象生成一个播放链接,利用播放链接播放视频流。相比于相关技术中必须安装浏览器插件才可以播放视频流,而一些恶意插件存在安全漏洞,可能会造成用户安全风险,本发明实施例中,能够利用生成的播放链接对目标摄像头的视频流进行播放,无需安装插件既可实现播放视频流,能够减少由于安装插件带来的安全漏洞。
在一种可能的实施方式中,对象包括媒体源mediasource对象;创建模块602,具体用于调用mp4box.js库读取fmp4封装格式的视频流的属性信息;
基于属性信息创建mediasource对象。
在一种可能的实施方式中,播放链接生成模块603,具体用于将存有视频流的mediasource对象作为URL.createObjectURL的参数;
利用包含参数的URL.createObjectURL生成针对视频流的播放链接。
在一种可能的实施方式中,装置还包括:
第一发送模块,用于向服务端发送针对目标摄像头的开流命令;
开流信息接收模块,用于接收服务端发送的针对目标摄像头的开流信息;
连接建立模块,用于基于开流信息建立与服务端的websocket连接;
接收模块,具体用于在与服务端建立websocket连接后,接收服务端推送的fmp4封装格式的视频流。
在一种可能的实施方式中,装置还包括:
赋值模块,用于将播放链接赋值给浏览器的播放器的视频属性;
播放链接生成模块,具体用于通过播放器对视频流进行播放。
在一种可能的实施方式中,装置还包括:
第二发送模块,用于在需要播放目标摄像头的音频流的情况下,向服务端发送开启推送目标摄像头的音频流的命令;
音频流接收模块,用于接收服务端推送的目标摄像头的音频流;
播放模块,用于调用预设播放器播放音频流。
图7为本发明实施例提供的应用于服务端的视频流播放装置的一种结构示意图,参照图7,该装置包括:
获取模块701,用于获取目标摄像头的视频流;
封装模块702,用于将目标摄像头的视频流封装成分段动态图像专家组4fmp4封装格式的视频流;
推送模块703,用于将fmp4封装格式的视频流推送给浏览器,以使浏览器利用播放链接播放视频流,播放链接是利用存有fmp4封装格式的视频流的对象生成一个播放链接,对象是基于fmp4封装格式的视频流创建一个预设对象。
本发明实施例中,服务段端在接收到浏览器发送的针对目标摄像头的开流命令后,先获取目标摄像头的视频流,将视频流封装成fmp4封装格式,再推送给浏览器,以使浏览器利用播放链接播放视频流,从而无需安装插件既可实现播放视频流,能够减少由于安装插件带来的安全漏洞。
在一种可能的实施方式中,装置还包括:
发送模块,用于在接收到浏览器发送的针对目标摄像头的开流命令后,向服务端发送针对目标摄像头的开流信息;
推送模块,用于基于浏览器发送的携带开流信息的请求信息,建立与浏览器的websocket连接,并在建立websocket连接后,向浏览器推送fmp4封装格式的视频流。
本发明实施例还提供了一种电子设备,如图8所示,包括处理器801、通信接口802、存储器803和通信总线804,其中,处理器801,通信接口802,存储器803通过通信总线804完成相互间的通信,
存储器803,用于存放计算机程序;
处理器801,用于执行存储器803上所存放的程序时,实现上述任一所述的视频流播放方法。
上述电子设备提到的通信总线可以是外设部件互连标准(Peripheral ComponentInterconnect,PCI)总线或扩展工业标准结构(Extended Industry StandardArchitecture,EISA)总线等。该通信总线可以分为地址总线、数据总线、控制总线等。为便于表示,图中仅用一条粗线表示,但并不表示仅有一根总线或一种类型的总线。
通信接口用于上述电子设备与其他设备之间的通信。
存储器可以包括随机存取存储器(Random Access Memory,RAM),也可以包括非易失性存储器(Non-Volatile Memory,NVM),例如至少一个磁盘存储器。可选的,存储器还可以是至少一个位于远离前述处理器的存储装置。
上述的处理器可以是通用处理器,包括中央处理器(Central Processing Unit,CPU)、网络处理器(Network Processor,NP)等;还可以是数字信号处理器(Digital SignalProcessor,DSP)、专用集成电路(Application Specific Integrated Circuit,ASIC)、现场可编程门阵列(Field-Programmable Gate Array,FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。
在本发明提供的又一实施例中,还提供了一种计算机可读存储介质,该计算机可读存储介质内存储有计算机程序,所述计算机程序被处理器执行时实现上述任一所述的视频流播放方法的步骤。
在本发明提供的又一实施例中,还提供了一种包含指令的计算机程序产品,当其在计算机上运行时,使得计算机执行上述实施例中任一所述的视频流播放方法。
在上述实施例中,可以全部或部分地通过软件、硬件、固件或者其任意组合来实现。当使用软件实现时,可以全部或部分地以计算机程序产品的形式实现。所述计算机程序产品包括一个或多个计算机指令。在计算机上加载和执行所述计算机程序指令时,全部或部分地产生按照本发明实施例所述的流程或功能。所述计算机可以是通用计算机、专用计算机、计算机网络、或者其他可编程装置。所述计算机指令可以存储在计算机可读存储介质中,或者从一个计算机可读存储介质向另一个计算机可读存储介质传输,例如,所述计算机指令可以从一个网站站点、计算机、服务器或数据中心通过有线(例如同轴电缆、光纤、数字用户线(DSL))或无线(例如红外、无线、微波等)方式向另一个网站站点、计算机、服务器或数据中心进行传输。所述计算机可读存储介质可以是计算机能够存取的任何可用介质或者是包含一个或多个可用介质集成的服务器、数据中心等数据存储设备。所述可用介质可以是磁性介质,(例如,软盘、硬盘、磁带)、光介质(例如,DVD)、或者半导体介质(例如固态硬盘Solid State Disk (SSD))等。
需要说明的是,在本文中,诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来,而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
本说明书中的各个实施例均采用相关的方式描述,各个实施例之间相同相似的部分互相参见即可,每个实施例重点说明的都是与其他实施例的不同之处。尤其,对于装置、电子设备、存储介质及计算机程序产品实施例而言,由于其基本相似于方法实施例,所以描述的比较简单,相关之处参见方法实施例的部分说明即可。
以上所述仅为本发明的较佳实施例,并非用于限定本发明的保护范围。凡在本发明的精神和原则之内所作的任何修改、等同替换、改进等,均包含在本发明的保护范围内。
Claims (12)
1.一种视频流播放方法,其特征在于,应用于浏览器,所述方法包括:
接收服务端推送的分段动态图像专家组4fmp4封装格式的视频流,所述fmp4封装格式的视频流是服务端对目标摄像头的视频流封装得到的;
基于所述视频流创建一个预设对象,并将所述视频流传至所述对象,得到存有所述视频流的对象;
利用存有所述视频流的对象生成一个播放链接,利用所述播放链接播放所述视频流。
2.根据权利要求1所述的方法,其特征在于,所述对象包括媒体源mediasource对象;
所述基于所述视频流创建一个预设对象,包括:
调用mp4box.js库读取所述fmp4封装格式的视频流的属性信息;
基于所述属性信息创建所述mediasource对象。
3.根据权利要求2所述的方法,其特征在于,所述利用存有所述视频流的对象生成一个播放链接,包括:
将存有所述视频流的mediasource对象作为URL.createObjectURL的参数;
利用包含所述参数的URL.createObjectURL生成针对所述视频流的播放链接。
4.根据权利要求1所述的方法,其特征在于,所述方法还包括:
向所述服务端发送针对所述目标摄像头的开流命令;
接收所述服务端发送的针对所述目标摄像头的开流信息;
基于所述开流信息建立与所述服务端的websocket连接;
所述接收服务端推送的分段动态图像专家组4fmp4封装格式的视频流,包括:
在与所述服务端建立websocket连接后,接收服务端推送的fmp4封装格式的视频流。
5.根据权利要求1所述的方法,其特征在于,所述方法还包括:
将所述播放链接赋值给浏览器的播放器的视频属性;
所述利用所述播放链接播放所述视频流,包括:
通过所述播放器对所述视频流进行播放。
6.根据权利要求1所述的方法,其特征在于,所述方法还包括:
接收到用于获取所述目标摄像头的音频流的触发指令后,向所述服务端发送用于获取所述目标摄像头的音频流的请求;
接收所述服务端推送的所述目标摄像头的音频流;
调用预设播放器播放所述音频流。
7.一种视频流播放方法,其特征在于,应用于服务端,所述方法包括:
获取目标摄像头的视频流;
将所述目标摄像头的视频流封装成分段动态图像专家组4fmp4封装格式的视频流;
将所述fmp4封装格式的视频流推送给浏览器,以使所述浏览器利用播放链接播放所述视频流,所述播放链接是利用存有所述fmp4封装格式的视频流的对象生成一个播放链接,所述对象是基于所述fmp4封装格式的视频流创建一个预设对象。
8.根据权利要求7所述的方法,其特征在于,所述方法还包括:
在接收到浏览器发送的针对所述目标摄像头的开流命令后,向所述服务端发送针对所述目标摄像头的开流信息;
基于所述浏览器发送的携带所述开流信息的请求信息,建立与所述浏览器的websocket连接,并在建立websocket连接后,向所述浏览器推送fmp4封装格式的视频流。
9.一视频流播放装置,其特征在于,应用于浏览器,所述装置包括:
接收模块,用于接收服务端推送的分段动态图像专家组4fmp4封装格式的视频流,所述fmp4封装格式的视频流是服务端对目标摄像头的视频流封装得到的;
创建模块,用于基于所述视频流创建一个预设对象,并将所述视频流传至所述对象,得到存有所述视频流的对象;
播放链接生成模块,用于利用存有所述视频流的对象生成一个播放链接,利用所述播放链接播放所述视频流。
10.一视频流播放装置,其特征在于,应用于服务端,所述装置包括:
获取模块,用于获取所述目标摄像头的视频流;
封装模块,用于将所述目标摄像头的视频流封装成分段动态图像专家组4fmp4封装格式的视频流;
推送模块,用于将所述fmp4封装格式的视频流推送给浏览器,以使所述浏览器利用播放链接播放所述视频流,所述播放链接是利用存有所述fmp4封装格式的视频流的对象生成一个播放链接,所述对象是基于所述fmp4封装格式的视频流创建一个预设对象。
11.一种电子设备,其特征在于,包括处理器、通信接口、存储器和通信总线,其中,处理器,通信接口,存储器通过通信总线完成相互间的通信;
存储器,用于存放计算机程序;
处理器,用于执行存储器上所存放的程序时,实现权利要求1-8任一所述的方法步骤。
12.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质内存储有计算机程序,所述计算机程序被处理器执行时实现权利要求1-8任一所述的方法步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202310545209.5A CN116261021B (zh) | 2023-05-16 | 2023-05-16 | 一种视频流播放方法、装置、电子设备及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202310545209.5A CN116261021B (zh) | 2023-05-16 | 2023-05-16 | 一种视频流播放方法、装置、电子设备及存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN116261021A true CN116261021A (zh) | 2023-06-13 |
CN116261021B CN116261021B (zh) | 2023-07-28 |
Family
ID=86682916
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202310545209.5A Active CN116261021B (zh) | 2023-05-16 | 2023-05-16 | 一种视频流播放方法、装置、电子设备及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN116261021B (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN116962815A (zh) * | 2023-09-20 | 2023-10-27 | 成都华栖云科技有限公司 | 一种浏览器原生播放mkv视频的方法 |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107257497A (zh) * | 2017-06-16 | 2017-10-17 | 成都市知用科技有限公司 | 一种能够跨平台浏览器的视频直播方法 |
CN107277004A (zh) * | 2017-06-13 | 2017-10-20 | 重庆扬讯软件技术股份有限公司 | 一种浏览器无插件视频直播方法 |
CN107888932A (zh) * | 2017-10-20 | 2018-04-06 | 深圳思麦杰科技有限公司 | 一种基于浏览器的跨平台视频直播的系统及方法 |
US20180102142A1 (en) * | 2016-10-06 | 2018-04-12 | Idomoo Ltd | System and method for generating and playing interactive video files |
CN113225538A (zh) * | 2021-05-12 | 2021-08-06 | 青岛创新奇智科技集团有限公司 | 监控视频播放方法、装置及服务设备 |
-
2023
- 2023-05-16 CN CN202310545209.5A patent/CN116261021B/zh active Active
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20180102142A1 (en) * | 2016-10-06 | 2018-04-12 | Idomoo Ltd | System and method for generating and playing interactive video files |
CN107277004A (zh) * | 2017-06-13 | 2017-10-20 | 重庆扬讯软件技术股份有限公司 | 一种浏览器无插件视频直播方法 |
CN107257497A (zh) * | 2017-06-16 | 2017-10-17 | 成都市知用科技有限公司 | 一种能够跨平台浏览器的视频直播方法 |
CN107888932A (zh) * | 2017-10-20 | 2018-04-06 | 深圳思麦杰科技有限公司 | 一种基于浏览器的跨平台视频直播的系统及方法 |
CN113225538A (zh) * | 2021-05-12 | 2021-08-06 | 青岛创新奇智科技集团有限公司 | 监控视频播放方法、装置及服务设备 |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN116962815A (zh) * | 2023-09-20 | 2023-10-27 | 成都华栖云科技有限公司 | 一种浏览器原生播放mkv视频的方法 |
CN116962815B (zh) * | 2023-09-20 | 2023-11-21 | 成都华栖云科技有限公司 | 一种浏览器原生播放mkv视频的方法 |
Also Published As
Publication number | Publication date |
---|---|
CN116261021B (zh) | 2023-07-28 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US9344517B2 (en) | Downloading and adaptive streaming of multimedia content to a device with cache assist | |
WO2020211731A1 (zh) | 一种视频播放方法及相关设备 | |
CN111010614A (zh) | 一种显示直播字幕的方法、装置、服务器及介质 | |
CN105451071B (zh) | 一种视频流的处理方法、装置和系统 | |
CN112738140B (zh) | 一种基于WebRTC的视频流传输方法、装置、存储介质和设备 | |
WO2015176648A1 (zh) | 将智能终端上的数据传输至电视终端的方法、装置 | |
CN116261021B (zh) | 一种视频流播放方法、装置、电子设备及存储介质 | |
CN114040232B (zh) | 投屏系统、方法、电子设备和存储介质 | |
CN107276990B (zh) | 一种流媒体直播方法及装置 | |
US9641908B2 (en) | Method and system for transferring real-time audio/video stream | |
CN110113298B (zh) | 数据传输方法、装置、信令服务器和计算机可读介质 | |
Begen et al. | Road to salvation: streaming clients and content delivery networks working together | |
CN114827670A (zh) | 一种视频播放方法、装置及电子设备 | |
WO2015143854A1 (zh) | 数据获取及交互方法、机顶盒、服务器、多媒体系统 | |
US20210409290A1 (en) | Unique user session tracking in adaptive bitrate video delivery | |
CN103685303A (zh) | 连接内容传送网络的处理方法与系统 | |
CN112565877B (zh) | 投屏方法、系统、电子设备及存储介质 | |
KR101451851B1 (ko) | 웹서버 및 그 웹 서비스 방법 | |
WO2012041039A1 (zh) | 数字电视终端访问互联网视频的方法及相关设备和系统 | |
CN111970541A (zh) | 一种数据传输方法、装置、终端设备和存储介质 | |
CN106791992A (zh) | 信号源推送方法和系统 | |
CN113285920B (zh) | 业务访问方法、装置、设备及存储介质 | |
KR101819193B1 (ko) | 실시간 파일 포맷 변환 스트리밍 서비스 방법 | |
US9681163B1 (en) | Identify bad files using QoS data | |
CN111356006B (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 |