CN110121112A - 一种基于浏览器的视频播放控制方法、系统及装置 - Google Patents
一种基于浏览器的视频播放控制方法、系统及装置 Download PDFInfo
- Publication number
- CN110121112A CN110121112A CN201910396611.5A CN201910396611A CN110121112A CN 110121112 A CN110121112 A CN 110121112A CN 201910396611 A CN201910396611 A CN 201910396611A CN 110121112 A CN110121112 A CN 110121112A
- Authority
- CN
- China
- Prior art keywords
- real time
- video data
- target
- server
- browser
- 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
Links
- 238000000034 method Methods 0.000 title claims abstract description 18
- 238000012544 monitoring process Methods 0.000 claims abstract description 136
- 230000000694 effects Effects 0.000 claims abstract description 15
- 230000007613 environmental effect Effects 0.000 claims abstract description 14
- 238000010422 painting Methods 0.000 claims abstract description 12
- 238000004891 communication Methods 0.000 claims description 19
- 238000010586 diagram Methods 0.000 description 10
- 230000005540 biological transmission Effects 0.000 description 3
- 238000004519 manufacturing process Methods 0.000 description 2
- XLYOFNOQVPJJNP-UHFFFAOYSA-N water Substances O XLYOFNOQVPJJNP-UHFFFAOYSA-N 0.000 description 2
- 241001269238 Data Species 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 230000015572 biosynthetic process Effects 0.000 description 1
- 230000006835 compression Effects 0.000 description 1
- 238000007906 compression Methods 0.000 description 1
- 238000009434 installation Methods 0.000 description 1
- 230000003993 interaction Effects 0.000 description 1
- 238000010295 mobile communication Methods 0.000 description 1
- 230000009385 viral infection Effects 0.000 description 1
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/20—Servers specifically adapted for the distribution of content, e.g. VOD servers; Operations thereof
- H04N21/21—Server components or server architectures
- H04N21/218—Source of audio or video content, e.g. local disk arrays
- H04N21/2187—Live feed
-
- 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/20—Servers specifically adapted for the distribution of content, e.g. VOD servers; Operations thereof
- H04N21/23—Processing of content or additional data; Elementary server operations; Server middleware
- H04N21/234—Processing of video elementary streams, e.g. splicing of video streams or manipulating encoded video stream scene graphs
-
- 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
-
- 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
-
- 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/478—Supplemental services, e.g. displaying phone caller identification, shopping application
- H04N21/4782—Web browsing, e.g. WebTV
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N7/00—Television systems
- H04N7/18—Closed-circuit television [CCTV] systems, i.e. systems in which the video signal is not broadcast
- H04N7/181—Closed-circuit television [CCTV] systems, i.e. systems in which the video signal is not broadcast for receiving images from a plurality of remote sources
Landscapes
- Engineering & Computer Science (AREA)
- Multimedia (AREA)
- Signal Processing (AREA)
- Databases & Information Systems (AREA)
- Human Computer Interaction (AREA)
- Two-Way Televisions, Distribution Of Moving Picture Or The Like (AREA)
- Closed-Circuit Television Systems (AREA)
Abstract
本发明提供一种基于浏览器的视频播放控制方法、系统及装置，包括服务器统一接入部署在待布控环境区域内的各监控摄像头采集的实时监控视频数据；用户终端通过浏览器与服务器建立通信连接；用户终端接收外部输入，以生成请求消息，并将请求消息发送给服务器；服务器根据请求消息，获取实时监控视频数据，并按照预设编码规则对实时监控视频数据进行编码，形成目标实时监控视频数据，将目标实时监控视频数据推送到用户终端的浏览器；用户终端接收目标实时监控视频数据，并按照预设解码规则对目标实时监控视频数据进行解码，利用canvas画布方式，绘制到浏览器页面上进行播放。无需在播放之前安装各种风险未知的插件，使用方便，应用广泛。
Description
技术领域
本发明涉及视频处理技术领域，尤其涉及一种基于浏览器的视频播放控制方法、系统及装置。
背景技术
目前，在水资源保护地、自然湿地、重要交通枢纽、港口、水域监测等区域，一般都部署有视频监控摄像头，管理员以及其他后勤人员等可以直接通过网页，随时获取监控视频图像，便于维护管理。通常，监控系统部署的摄像头较多，一个监控区域可能布设有几十上百个摄像头，多个监控区域形成的监控系统，则摄像头数量更多，且服务商可能并不限于采用同一型号规格的摄像头，通常会考虑到布设时间、成本、地理位置等因素，采用的摄像头型号规格往往存在差异，因为导致视频来源、协议、格式等的不同，因此当通过用户终端浏览器访问这些监控视频时，需要安装相应的插件才能观看。显然，为了观看监控视频下载安装风险未知的插件，无疑会给用户带来不便，同时也存在感染病毒的风险。因此，提供一种在浏览器上，无需用户下载各种视频插件，即可实现播放各种不同来源监控视频的方案，是十分必要的。
发明内容
本发明提供的一种基于浏览器的视频播放控制方法、系统及装置，主要解决的技术问题是：网页播放视频存在需要安装各种插件，导致使用不便，用户使用体验不高。
为解决上述技术问题，本发明提供一种基于浏览器的视频播放控制方法，包括：
服务器统一接入部署在待布控环境区域内的各监控摄像头采集的实时监控视频数据；
用户终端通过浏览器与所述服务器建立通信连接；
所述用户终端接收外部输入，以生成请求消息，所述请求消息包括所请求的视频源标识，并将所述请求消息发送给所述服务器；
所述服务器根据所述请求消息，获取与所述视频源标识对应的目标前端摄像头采集的实时监控视频数据，并按照预设编码规则对所述实时监控视频数据进行编码，形成目标实时监控视频数据，将所述目标实时监控视频数据推送到所述用户终端的浏览器；
所述用户终端接收所述目标实时监控视频数据，并按照预设解码规则对所述目标实时监控视频数据进行解码，获取所述目标实时监控视频数据的YUV图像数据，其中所述预设解码规则与所述预设编码规则相对应，所述Y表示亮度，所述U表示色度，所述V表示色饱和度；
利用canvas画布方式，将所述目标实时监控视频数据的YUV图像数据，生成目标实时监控视频图像，绘制到所述浏览器页面上进行播放。
可选的，所述实时监控视频数据包括不同厂商监控摄像头采集得到的视频数据，所述不同厂商监控摄像头中的至少部分的编码方式不同。
可选的，所述用户终端通过浏览器与所述服务器建立通信连接包括：
所述用户终端通过WebSocket通信协议向所述服务器发出连接建立请求，连接建立成功后，所述用户终端与所述服务器可以通过TCP连接直接交换数据。
本发明还提供一种基于浏览器的视频播放控制系统，包括用户终端、服务器以及多个监控摄像头；
所述多个监控摄像头中至少部分编码方式不同，用于采集待布控环境区域内的实时监控视频数据；
所述服务器用于统一接入各所述监控摄像头，并在接收到所述用户终端的请求消息时，对目标前端摄像头采集的实时监控视频数据，按照预设编码规则进行编码，形成目标实时监控视频数据，将所述目标实时监控视频数据推送到所述用户终端的浏览器；所述请求消息包括所述用户终端所请求的视频源标识，所述目标前端摄像头为与所述视频源标识对应的前端摄像头；
所述用户终端用于通过浏览器与所述服务器建立通信连接；接收外部输入，以生成所述请求消息，并将所述请求消息发送给所述服务器；接收所述服务器根据所述请求消息推送的所述目标实时监控视频数据，并按照预设解码规则对所述目标实时监控视频数据进行解码，获取所述目标实时监控视频数据的YUV图像数据，其中所述预设解码规则与所述预设编码规则相对应，所述Y表示亮度，所述U表示色度，所述V表示色饱和度；还利用canvas画布方式，将所述目标实时监控视频数据的YUV图像数据，生成目标实时监控视频图像，绘制到所述浏览器页面上进行播放。
可选的，所述用户终端用于通过WebSocket通信协议向所述服务器发出连接建立请求，连接建立成功后，所述用户终端与所述服务器可以通过TCP连接直接交换数据。
本发明还提供一种基于浏览器的视频播放控制装置，部署于用户终端，包括：
用户接口模块，用于采集外部输入指令，生成请求消息，所述请求消息包括所请求的视频源标识；
第一通信模块，用于建立与服务器之间的通信连接，并将所述请求消息发送给所述服务器，以及接收所述服务器根据所述请求消息发送的目标实时监控视频数据；
解码模块，用于按照预设解码规则对所述目标实时监控视频数据进行解码处理，以获取所述目标实时监控视频数据的YUV图像数据，所述Y表示亮度，所述U表示色度，所述V表示色饱和度；
绘制模块，用于将所述目标实时监控视频数据的YUV图像数据，生成目标实时监控视频图像，绘制到所述浏览器页面上进行播放。
本发明还提供一种基于浏览器的视频播放控制装置，部署于服务器，包括：
接入模块，用于接入部署在待布控环境区域内的各监控摄像头采集的实时监控视频数据；
统一编码模块，用于按照预设编码规则，对所述接入模块采集到的实时监控视频数据进行统一编码；
第二通信模块，用于与用户终端建立通信连接，并接收所述用户终端发送的请求消息，所述请求消息包括所请求的视频源标识；还用于将目标实时监控视频数据推送到所述用户终端的浏览器；
处理模块，用于根据所述请求消息，获取与所述视频源标识对应的目标前端摄像头采集的所述实时监控视频数据；
编码模块，用于按照预设编码规则对所述实时监控视频数据进行编码，形成所述目标实时监控视频数据。
本发明的有益效果是：
根据本发明提供的一种基于浏览器的视频播放控制方法、系统及装置，包括服务器统一接入部署在待布控环境区域内的各监控摄像头采集的实时监控视频数据；用户终端通过浏览器与服务器建立通信连接；用户终端接收外部输入，以生成请求消息，请求消息包括所请求的视频源标识，并将请求消息发送给服务器；服务器根据请求消息，获取与视频源标识对应的目标前端摄像头采集的实时监控视频数据，并按照预设编码规则对实时监控视频数据进行编码，形成目标实时监控视频数据，将目标实时监控视频数据推送到用户终端的浏览器；用户终端接收目标实时监控视频数据，并按照预设解码规则对目标实时监控视频数据进行解码，获取目标实时监控视频数据的YUV图像数据，其中预设解码规则与预设编码规则相对应，Y表示亮度，U表示色度，V表示色饱和度；利用canvas画布方式，将目标实时监控视频数据的YUV图像数据，生成目标实时监控视频图像，绘制到浏览器页面上进行播放。通过服务器统一编码后，发送给用户终端，用户终端通过canvas画布动态绘制的方式，将视频数据生成图片，进行播放，针对不同来源、不同格式等的监控视频，用户可以直接通过浏览器直接进行播放，无需在播放之前安装各种风险未知的插件，使用方便，具有较高的实际应用需求。
附图说明
图1为本发明实施例一的基于浏览器的视频播放控制方法流程示意图；
图2为本发明实施例二的基于浏览器的视频播放控制系统结构示意图；
图3为本发明实施例二的基于浏览器的视频播放控制方法流程交互示意图；
图4为本发明实施例三的基于浏览器的视频播放控制装置结构示意图；
图5为本发明实施例四的基于浏览器的视频播放控制装置结构示意图。
具体实施方式
为了使本发明的目的、技术方案及优点更加清楚明白，下面通过具体实施方式结合附图对本发明作进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。
实施例一：
请参见图1，图1为本实施例的基于浏览器的视频播放控制方法流程示意图，该方法主要包括：
S11、服务器统一接入部署在待布控环境区域内的各监控摄像头采集的实时监控视频数据。
这里，服务器具体可以是WEB服务器，用户终端可以通过浏览器访问该WEB服务器。该服务器统一接入部署在待布控环境区域内的所有监控摄像头，其中，待布控环境区域可以包括多个，例如本辖区内的某水源地、河流水位监测、某区域污染排放、野生动物保护区域等，每一个待布控环境区域包括多个(至少两个)监控摄像头。
本实施例中，各监控摄像头可以来自不同厂商的摄像头，规格型号可以不同，其采用的编码方式也可以不同。即实时监控视频数据包括不同厂商监控摄像头采集得到的视频数据，不同厂商监控摄像头中的至少部分的编码方式不同。
例如，待布控区域存在A、B、C三个监控摄像头，其中摄像头A、B是厂商K1生产的，摄像头C是厂商K2生产的。两种摄像头所采用的编码方式也不同，例如其中摄像头A、B采用H.264编码，摄像头C采用MPEG-4(Moving Picture Experts Group，动态图像专家组)编码。应当理解的是，还可以采用现有任意格式的编码方式。
可选的，不同厂商摄像头采集到的实时监控视频数据，可以上传到该相应厂商服务器上，WEB服务器可以通过访问各厂商服务器，来获取该监控摄像头采集的实时监控视频数据。不同厂商服务器所采用的视频传输协议可能存在差异，例如厂商K1是采用Rtsp(RealTime Streaming Protocol，实时流传输协议)，而厂商K2采用的可能是RTMP(Real TimeMessaging Protocol，实时消息传输协议)。
S12、用户终端通过浏览器与服务器建立通信连接。
可选的，用户终端通过WebSocket通信协议向服务器发出连接建立请求，连接建立成功后，用户终端与服务器可以通过TCP(Transmission Control Protocol，传输控制协议)连接直接交换数据。
S13、用户终端接收外部输入，以生成请求消息，所述请求消息包括所请求的视频源标识，并将所述请求消息发送给所述服务器。
用户终端例如可以通过鼠标、键盘、触摸屏等外部输入设备，来采集外部输入(即确定用户需要获取哪个监控摄像头的监控视频)，生成相应的请求消息，将该请求消息发送给服务器，以获取用户需要观看的视频图像。其中，请求消息包括所请求的视频源标识，该标识使得服务器可以找到相应的监控摄像头采集的实时监控视频数据即可。
S14、服务器根据请求消息，获取与视频源标识对应的目标前端摄像头采集的实时监控视频数据，并按照预设编码规则对该实时监控视频数据进行编码，形成目标实时监控视频数据，将该目标实时监控视频数据推送到用户终端的浏览器。
可选的，服务器在对获取到的实时监控视频数据进行编码之前，可能还需要对其进行解码，对解码后的数据，再按照统一的预设编码规则进行编码，以便于用户终端的解码操作。其中，预设编码规则可以采用现有任意格式的视频编码规则，本实施例对此不做限制。
S15、用户终端接收目标实时监控视频数据，并按照预设解码规则对目标实时监控视频数据进行解码，获取目标实时监控视频数据的YUV图像数据，其中预设解码规则与预设编码规则相对应，Y表示亮度，U表示色度，V表示色饱和度。
用户终端接收服务器按照预设编码规则编码后的目标实时监控视频数，然后对此进行解码。其中，预设解码规则与该预设编码规则相对应，例如服务器采用H.264进行编码，则用户终端对应采用H.264的解码规则进行解码。
通过解码获取到该目标实时监控视频数据的YUV图像数据，即亮度、色度以及色饱和度等图像数据。
S16、利用canvas画布方式，将所述目标实时监控视频数据的YUV图像数据，生成目标实时监控视频图像，绘制到所述浏览器页面上进行播放。
在获取到图像像素点的YUV信息后，用户终端即可利用浏览器的canvas画布方式，将目标实时监控视频数据绘制到浏览器页面上进行播放。其中，canvas画布获取到一帧图像各像素点的YUV信息后，将其转换为图片，绘制到浏览器界面。不需要用户通过下载不同的视频插件来满足不同视频协议的播放需求，即可实现对不同监控视频来源的数据的浏览器网页播放，方便用户使用，同时可以避免下载风险未知的插件带来的安全问题。
实施例二：
本实施例在上述实施例一的基础上，提供一种基于浏览器的视频播放控制系统，用以实现上述实施例一种所述的基于浏览器的视频播放控制方法的步骤，请参见图2-3，其中，图2为基于浏览器的视频播放控制系统结构示意图，图3为基于浏览器的视频播放控制方法交互示意图。
视频播放控制系统包括用户终端21、服务器22以及多个监控摄像头23。
多个监控摄像头23中至少部分编码方式不同，用于采集待布控环境区域内的实时监控视频数据。可选的，监控摄像头23还可以将采集到的实时监控视频数据发送给自身对应的厂商服务器中，该厂商服务器可以对该实时监控视频数据进行处理，包括但不限于编码、压缩、存储等。
服务器22用于统一接入各监控摄像头23，并在接收到用户终端21的请求消息时，对目标前端摄像头采集的实时监控视频数据，按照预设编码规则进行编码，形成目标实时监控视频数据，将目标实时监控视频数据推送到用户终端23的浏览器；请求消息包括用户终端23所请求的视频源标识，目标前端摄像头为与视频源标识对应的前端摄像头。
用户终端21用于通过浏览器与服务器22建立通信连接；接收外部输入，以生成该请求消息，并将该请求消息发送给服务器22；接收服务器22根据请求消息推送的目标实时监控视频数据，并按照预设解码规则对目标实时监控视频数据进行解码，获取目标实时监控视频数据的YUV图像数据，其中预设解码规则与预设编码规则相对应，Y表示亮度，U表示色度，V表示色饱和度；用户终端21还利用canvas画布方式，将目标实时监控视频数据的YUV图像数据，生成目标实时监控视频图像，绘制到浏览器播放页面上实现播放。
用户终端21用于通过WebSocket通信协议向服务器22发出连接建立请求，连接建立成功后，用户终端21与服务器22可以通过TCP连接直接交换数据。
实施例三：
本实施例在上述实施例一的基础上，提供一种基于浏览器的视频播放控制装置，该装置可以部署于用户终端，请参见图4，图4为视频播放控制装置的结构示意图，主要包括用户接口模块41、第一通信模块42、解码模块43以及绘制模块44，其中：
用户接口模块41用于采集外部输入指令，生成请求消息，请求消息包括所请求的视频源标识。用户接口模块41包括但不限于鼠标、键盘、触摸屏以及语音输入装置等。
第一通信模块42用于建立与服务器之间的通信连接，并将请求消息发送给服务器，以及接收服务器根据请求消息发送的目标实时监控视频数据。其中，第一通信模块42包括但不限于4G、5G等移动通信模块。
解码模块43用于按照预设解码规则对目标实时监控视频数据进行解码处理，以获取目标实时监控视频数据的YUV图像数据，所述Y表示亮度，所述U表示色度，所述V表示色饱和度。解码模块43包括但不限于H.264、H.265、MPEG-4等不同格式的编解码器。
绘制模块44用于将目标实时监控视频数据的YUV图像数据，生成目标实时监控视频图像，绘制到浏览器页面上进行播放。绘制模块44包括canvas画布。
实施例四：
本实施例在上述实施例一的基础上，提供一种基于浏览器的视频播放控制装置，该装置可以部署于服务器，请参见图5，图5为视频播放控制装置的结构示意图，主要包括接入模块51、统一编码模块52、第二通信模块53、处理模块54以及编码模块55，其中：
接入模块51用于接入部署在待布控环境区域内的各监控摄像头采集的实时监控视频数据。
统一编码模块52用于按照预设编码规则，对接入模块采集到的实时监控视频数据进行统一编码。
第二通信模块53用于与用户终端建立通信连接，并接收用户终端发送的请求消息，请求消息包括所请求的视频源标识；还用于将目标实时监控视频数据推送到户终端的浏览器。
处理模块54用于根据请求消息，获取与视频源标识对应的目标前端摄像头采集的实时监控视频数据。
编码模块55用于按照预设编码规则对实时监控视频数据进行编码，形成所述目标实时监控视频数据。
显然，本领域的技术人员应该明白，上述本发明的各模块或各步骤可以用通用的计算装置来实现，它们可以集中在单个的计算装置上，或者分布在多个计算装置所组成的网络上，可选地，它们可以用计算装置可执行的程序代码来实现，从而，可以将它们存储在计算机存储介质(ROM/RAM、磁碟、光盘)中由计算装置来执行，并且在某些情况下，可以以不同于此处的顺序执行所示出或描述的步骤，或者将它们分别制作成各个集成电路模块，或者将它们中的多个模块或步骤制作成单个集成电路模块来实现。所以，本发明不限制于任何特定的硬件和软件结合。
以上内容是结合具体的实施方式对本发明所作的进一步详细说明，不能认定本发明的具体实施只局限于这些说明。对于本发明所属技术领域的普通技术人员来说，在不脱离本发明构思的前提下，还可以做出若干简单推演或替换，都应当视为属于本发明的保护范围。
Claims (7)
1.一种基于浏览器的视频播放控制方法，其特征在于，包括：
服务器统一接入部署在待布控环境区域内的各监控摄像头采集的实时监控视频数据；
用户终端通过浏览器与所述服务器建立通信连接；
所述用户终端接收外部输入，以生成请求消息，所述请求消息包括所请求的视频源标识，并将所述请求消息发送给所述服务器；
所述服务器根据所述请求消息，获取与所述视频源标识对应的目标前端摄像头采集的实时监控视频数据，并按照预设编码规则对所述实时监控视频数据进行编码，形成目标实时监控视频数据，将所述目标实时监控视频数据推送到所述用户终端的浏览器；
所述用户终端接收所述目标实时监控视频数据，并按照预设解码规则对所述目标实时监控视频数据进行解码，获取所述目标实时监控视频数据的YUV图像数据，其中所述预设解码规则与所述预设编码规则相对应，所述Y表示亮度，所述U表示色度，所述V表示色饱和度；
利用canvas画布方式，将所述目标实时监控视频数据的YUV图像数据，生成目标实时监控视频图像，绘制到所述浏览器页面上进行播放。
2.如权利要求1所述的基于浏览器的视频播放控制方法，其特征在于，所述实时监控视频数据包括不同厂商监控摄像头采集得到的视频数据，所述不同厂商监控摄像头中的至少部分的编码方式不同。
3.如权利要求1或2所述的基于浏览器的视频播放控制方法，其特征在于，所述用户终端通过浏览器与所述服务器建立通信连接包括：
所述用户终端通过WebSocket通信协议向所述服务器发出连接建立请求，连接建立成功后，所述用户终端与所述服务器可以通过TCP连接直接交换数据。
4.一种基于浏览器的视频播放控制系统，其特征在于，包括用户终端、服务器以及多个监控摄像头；
所述多个监控摄像头中至少部分编码方式不同，用于采集待布控环境区域内的实时监控视频数据；
所述服务器用于统一接入各所述监控摄像头，并在接收到所述用户终端的请求消息时，对目标前端摄像头采集的实时监控视频数据，按照预设编码规则进行编码，形成目标实时监控视频数据，将所述目标实时监控视频数据推送到所述用户终端的浏览器；所述请求消息包括所述用户终端所请求的视频源标识，所述目标前端摄像头为与所述视频源标识对应的前端摄像头；
所述用户终端用于通过浏览器与所述服务器建立通信连接；接收外部输入，以生成所述请求消息，并将所述请求消息发送给所述服务器；接收所述服务器根据所述请求消息推送的所述目标实时监控视频数据，并按照预设解码规则对所述目标实时监控视频数据进行解码，获取所述目标实时监控视频数据的YUV图像数据，其中所述预设解码规则与所述预设编码规则相对应，所述Y表示亮度，所述U表示色度，所述V表示色饱和度；还利用canvas画布方式，将所述目标实时监控视频数据的YUV图像数据，生成目标实时监控视频图像，绘制到所述浏览器页面上进行播放。
5.如权利要求4所述的基于浏览器的视频播放控制系统，其特征在于，所述用户终端用于通过WebSocket通信协议向所述服务器发出连接建立请求，连接建立成功后，所述用户终端与所述服务器可以通过TCP连接直接交换数据。
6.一种基于浏览器的视频播放控制装置，其特征在于，部署于用户终端，包括：
用户接口模块，用于采集外部输入指令，生成请求消息，所述请求消息包括所请求的视频源标识；
第一通信模块，用于建立与服务器之间的通信连接，并将所述请求消息发送给所述服务器，以及接收所述服务器根据所述请求消息发送的目标实时监控视频数据；
解码模块，用于按照预设解码规则对所述目标实时监控视频数据进行解码处理，以获取所述目标实时监控视频数据的YUV图像数据，所述Y表示亮度，所述U表示色度，所述V表示色饱和度；
绘制模块，用于将所述目标实时监控视频数据的YUV图像数据，生成目标实时监控视频图像，绘制到所述浏览器页面上进行播放。
7.一种基于浏览器的视频播放控制装置，其特征在于，部署于服务器，包括：
接入模块，用于接入部署在待布控环境区域内的各监控摄像头采集的实时监控视频数据；
统一编码模块，用于按照预设编码规则，对所述接入模块采集到的实时监控视频数据进行统一编码；
第二通信模块，用于与用户终端建立通信连接，并接收所述用户终端发送的请求消息，所述请求消息包括所请求的视频源标识；还用于将目标实时监控视频数据推送到所述用户终端的浏览器；
处理模块，用于根据所述请求消息，获取与所述视频源标识对应的目标前端摄像头采集的所述实时监控视频数据；
编码模块，用于按照预设编码规则对所述实时监控视频数据进行编码，形成所述目标实时监控视频数据。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910396611.5A CN110121112A (zh) | 2019-05-14 | 2019-05-14 | 一种基于浏览器的视频播放控制方法、系统及装置 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910396611.5A CN110121112A (zh) | 2019-05-14 | 2019-05-14 | 一种基于浏览器的视频播放控制方法、系统及装置 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN110121112A true CN110121112A (zh) | 2019-08-13 |
Family
ID=67522202
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201910396611.5A Pending CN110121112A (zh) | 2019-05-14 | 2019-05-14 | 一种基于浏览器的视频播放控制方法、系统及装置 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN110121112A (zh) |
Cited By (17)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN110611836A (zh) * | 2019-09-06 | 2019-12-24 | 北京旷视科技有限公司 | 一种图像显示方法及装置 |
| CN110990109A (zh) * | 2019-12-25 | 2020-04-10 | 深圳市创维群欣安防科技股份有限公司 | 一种拼接屏回显方法、终端、系统及存储介质 |
| CN111131849A (zh) * | 2019-12-26 | 2020-05-08 | 视联动力信息技术股份有限公司 | 流媒体直播播放方法、装置及计算机可读存储介质 |
| CN112598765A (zh) * | 2020-12-28 | 2021-04-02 | 广西交控智维科技发展有限公司 | 一种基于canvas的站场信息图形绘制方法及系统 |
| CN112770086A (zh) * | 2020-12-15 | 2021-05-07 | 西安万像电子科技有限公司 | 图像的远程传输方法及系统 |
| CN112822439A (zh) * | 2020-12-28 | 2021-05-18 | 江苏梨柳科技有限公司 | 一种拼接屏实时接入监控视频信号的方法 |
| CN113259752A (zh) * | 2021-07-12 | 2021-08-13 | 广州闪畅信息科技有限公司 | 浏览器页面中的互动视频的播放控制方法、装置及服务器 |
| CN113556579A (zh) * | 2021-06-07 | 2021-10-26 | 武汉众智数字技术有限公司 | 一种基于HTML5的web无插件播放安防实时视频的方法 |
| CN113556612A (zh) * | 2021-07-15 | 2021-10-26 | 中国电子科技集团公司第五十二研究所 | 一种浏览器上播放h.265视频流的方法及系统 |
| CN114025140A (zh) * | 2021-11-19 | 2022-02-08 | 四方智能(武汉)控制技术有限公司 | 用于b/s架构监控系统的一体化客户端 |
| CN114071242A (zh) * | 2021-11-16 | 2022-02-18 | 重庆赛迪奇智人工智能科技有限公司 | 视频播放方法、视频推送方法、装置和电子设备 |
| CN114125565A (zh) * | 2021-11-23 | 2022-03-01 | 深圳康佳电子科技有限公司 | 一种基于浏览器播放视频流的方法、装置及存储介质 |
| CN114500940A (zh) * | 2022-01-14 | 2022-05-13 | 成都数字家园科技有限公司 | 基于本地部署的视频硬件编解码和视频转发方法 |
| CN114760486A (zh) * | 2022-03-16 | 2022-07-15 | 深圳市宏电技术股份有限公司 | 直播方法、装置、设备及存储介质 |
| CN115379177A (zh) * | 2022-10-21 | 2022-11-22 | 深圳酷源数联科技有限公司 | 一种基于矿灯的监控方法和矿灯 |
| CN115767031A (zh) * | 2022-11-17 | 2023-03-07 | 北京众谊越泰科技有限公司 | 一种动环系统低延迟视频监控图像显示方法及系统 |
| CN114007043B (zh) * | 2021-10-27 | 2023-09-26 | 北京鼎普科技股份有限公司 | 基于视频数据指纹特征的视频解码方法、装置及系统 |
Citations (9)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20030187811A1 (en) * | 1999-11-12 | 2003-10-02 | Sih-Pin Subrina Chang | System and method of enriching non-linkable media representations in a network by enabling an overlying hotlink canvas |
| CN103533305A (zh) * | 2013-10-10 | 2014-01-22 | 国电南瑞科技股份有限公司 | 一种b/s架构的免插件通用视频监控系统 |
| US8776133B2 (en) * | 2007-07-13 | 2014-07-08 | At&T Intellectual Property I, Lp | System for presenting an electronic programming guide in a media system |
| CN104219500A (zh) * | 2014-08-27 | 2014-12-17 | 天津市中信互联科技有限公司 | 监控视频直播的装置和方法 |
| CN105828091A (zh) * | 2016-03-28 | 2016-08-03 | 广州华多网络科技有限公司 | 网络直播中视频节目的播放方法及系统 |
| CN107277004A (zh) * | 2017-06-13 | 2017-10-20 | 重庆扬讯软件技术股份有限公司 | 一种浏览器无插件视频直播方法 |
| CN107483972A (zh) * | 2017-07-24 | 2017-12-15 | 平安科技（深圳）有限公司 | 一种音视频的直播处理方法、存储介质和一种移动终端 |
| CN108769616A (zh) * | 2018-06-21 | 2018-11-06 | 泰华智慧产业集团股份有限公司 | 一种基于rtsp协议的实时视频无插件预览方法及系统 |
| CN109218839A (zh) * | 2017-07-07 | 2019-01-15 | 杭州海康威视数字技术股份有限公司 | 视频播放方法及装置 |
-
2019
- 2019-05-14 CN CN201910396611.5A patent/CN110121112A/zh active Pending
Patent Citations (9)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20030187811A1 (en) * | 1999-11-12 | 2003-10-02 | Sih-Pin Subrina Chang | System and method of enriching non-linkable media representations in a network by enabling an overlying hotlink canvas |
| US8776133B2 (en) * | 2007-07-13 | 2014-07-08 | At&T Intellectual Property I, Lp | System for presenting an electronic programming guide in a media system |
| CN103533305A (zh) * | 2013-10-10 | 2014-01-22 | 国电南瑞科技股份有限公司 | 一种b/s架构的免插件通用视频监控系统 |
| CN104219500A (zh) * | 2014-08-27 | 2014-12-17 | 天津市中信互联科技有限公司 | 监控视频直播的装置和方法 |
| CN105828091A (zh) * | 2016-03-28 | 2016-08-03 | 广州华多网络科技有限公司 | 网络直播中视频节目的播放方法及系统 |
| CN107277004A (zh) * | 2017-06-13 | 2017-10-20 | 重庆扬讯软件技术股份有限公司 | 一种浏览器无插件视频直播方法 |
| CN109218839A (zh) * | 2017-07-07 | 2019-01-15 | 杭州海康威视数字技术股份有限公司 | 视频播放方法及装置 |
| CN107483972A (zh) * | 2017-07-24 | 2017-12-15 | 平安科技（深圳）有限公司 | 一种音视频的直播处理方法、存储介质和一种移动终端 |
| CN108769616A (zh) * | 2018-06-21 | 2018-11-06 | 泰华智慧产业集团股份有限公司 | 一种基于rtsp协议的实时视频无插件预览方法及系统 |
Cited By (22)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN110611836A (zh) * | 2019-09-06 | 2019-12-24 | 北京旷视科技有限公司 | 一种图像显示方法及装置 |
| CN110990109A (zh) * | 2019-12-25 | 2020-04-10 | 深圳市创维群欣安防科技股份有限公司 | 一种拼接屏回显方法、终端、系统及存储介质 |
| CN110990109B (zh) * | 2019-12-25 | 2023-10-31 | 深圳创维数字技术有限公司 | 一种拼接屏回显方法、终端、系统及存储介质 |
| CN111131849B (zh) * | 2019-12-26 | 2022-07-08 | 视联动力信息技术股份有限公司 | 流媒体直播播放方法、装置及计算机可读存储介质 |
| CN111131849A (zh) * | 2019-12-26 | 2020-05-08 | 视联动力信息技术股份有限公司 | 流媒体直播播放方法、装置及计算机可读存储介质 |
| CN112770086A (zh) * | 2020-12-15 | 2021-05-07 | 西安万像电子科技有限公司 | 图像的远程传输方法及系统 |
| CN112598765A (zh) * | 2020-12-28 | 2021-04-02 | 广西交控智维科技发展有限公司 | 一种基于canvas的站场信息图形绘制方法及系统 |
| CN112822439A (zh) * | 2020-12-28 | 2021-05-18 | 江苏梨柳科技有限公司 | 一种拼接屏实时接入监控视频信号的方法 |
| CN112598765B (zh) * | 2020-12-28 | 2023-05-09 | 广西交控智维科技发展有限公司 | 一种基于canvas的站场信息图形绘制方法及系统 |
| CN113556579B (zh) * | 2021-06-07 | 2022-08-19 | 武汉众智数字技术有限公司 | 一种基于HTML5的web无插件播放安防实时视频的方法 |
| CN113556579A (zh) * | 2021-06-07 | 2021-10-26 | 武汉众智数字技术有限公司 | 一种基于HTML5的web无插件播放安防实时视频的方法 |
| CN113259752A (zh) * | 2021-07-12 | 2021-08-13 | 广州闪畅信息科技有限公司 | 浏览器页面中的互动视频的播放控制方法、装置及服务器 |
| CN113556612A (zh) * | 2021-07-15 | 2021-10-26 | 中国电子科技集团公司第五十二研究所 | 一种浏览器上播放h.265视频流的方法及系统 |
| CN114007043B (zh) * | 2021-10-27 | 2023-09-26 | 北京鼎普科技股份有限公司 | 基于视频数据指纹特征的视频解码方法、装置及系统 |
| CN114071242A (zh) * | 2021-11-16 | 2022-02-18 | 重庆赛迪奇智人工智能科技有限公司 | 视频播放方法、视频推送方法、装置和电子设备 |
| CN114025140A (zh) * | 2021-11-19 | 2022-02-08 | 四方智能(武汉)控制技术有限公司 | 用于b/s架构监控系统的一体化客户端 |
| CN114025140B (zh) * | 2021-11-19 | 2024-03-08 | 四方智能(武汉)控制技术有限公司 | 用于b/s架构监控系统的一体化客户端 |
| CN114125565A (zh) * | 2021-11-23 | 2022-03-01 | 深圳康佳电子科技有限公司 | 一种基于浏览器播放视频流的方法、装置及存储介质 |
| CN114500940A (zh) * | 2022-01-14 | 2022-05-13 | 成都数字家园科技有限公司 | 基于本地部署的视频硬件编解码和视频转发方法 |
| CN114760486A (zh) * | 2022-03-16 | 2022-07-15 | 深圳市宏电技术股份有限公司 | 直播方法、装置、设备及存储介质 |
| CN115379177A (zh) * | 2022-10-21 | 2022-11-22 | 深圳酷源数联科技有限公司 | 一种基于矿灯的监控方法和矿灯 |
| CN115767031A (zh) * | 2022-11-17 | 2023-03-07 | 北京众谊越泰科技有限公司 | 一种动环系统低延迟视频监控图像显示方法及系统 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN110121112A (zh) | 一种基于浏览器的视频播放控制方法、系统及装置 | |
| CN107872732B (zh) | 一种自助式互动视频直播系统 | |
| CN101888409B (zh) | 基于广域网的远程信息发布和监控系统及其控制方法 | |
| CN106227492B (zh) | 拼接墙与移动智能终端互联方法和装置 | |
| CN102571828B (zh) | 一种基于网页的远程多媒体监控方法及系统 | |
| CN203482325U (zh) | 智能视频监控系统 | |
| CN110233844A (zh) | 一种多媒体直播方法、装置、设备及介质 | |
| CN103517135B (zh) | 一种连续播放mp4格式视频文件的方法、系统及电视 | |
| CN103024528A (zh) | 在移动终端上实现流媒体数据发送的方法及移动终端 | |
| CN103414921B (zh) | 一种分布式的iptv多终端视频切换业务的建立方法 | |
| CN101335865A (zh) | 一种可视电话上的业务实现方法及系统 | |
| CN109062590A (zh) | 一种游戏sdk在线更新的方法及系统 | |
| CN105681827A (zh) | 直播频道的海报生成方法、系统及相关装置 | |
| CN104270595A (zh) | 一种视频通话客户端视频语音切换系统及其切换方法 | |
| CN109309817A (zh) | 监控视频人脸识别osd的显示方法及装置 | |
| CN114666576B (zh) | 一种公共安全边缘网关系统 | |
| CN100420169C (zh) | 宽带数字视频监控网络系统及其监控方法 | |
| CN101986704B (zh) | 监控系统 | |
| US8255461B1 (en) | Efficient transmission of changing images using image caching | |
| CN103985332B (zh) | 一种高交互性的数字标牌系统 | |
| CN102083001A (zh) | 一种多媒体信息发布系统、方法及设备 | |
| CN104348845A (zh) | 一种Wi-Fi相机接入互联网的系统及方法 | |
| CN202949519U (zh) | 基于客户端管理的视频监控装置 | |
| WO2014073760A1 (ko) | 셋톱박스 기반의 클라우드 서비스 방법 | |
| Qiang | [Retracted] Consumption Reduction Solution of TV News Broadcast System Based on Wireless Communication Network |
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: 20190813 |