web版监控视频播放方法、电子设备及存储介质技术

本发明专利技术实施例公开了一种web版监控视频播放方法、电子设备及存储介质。方法包括：创建主进程及两个子进程；获取实时视频流，通过两个子进程及wasm模块对实时视频流进行处理以得到音频数据和视频数据；通过主进程接收子进程推送的音频数据和视频数据，并创建Audio队列和Video队列；对音频数据和视频数据进行处理后加入Audio队列和Video队列；确定音视频播放规则；在浏览器上播放时，基于音视频播放规则，借助Web Audiot API或WebGL获取所述Audio队列或Video队列中的音频数据或视频数据进行播放。实施本发明专利技术实施例，无需任何插件，可直接在浏览器的web页面播放监控视频。浏览器的web页面播放监控视频。浏览器的web页面播放监控视频。

【技术实现步骤摘要】
web版监控视频播放方法、电子设备及存储介质


[0001]本专利技术涉及计算机软件
，具体涉及一种web版监控视频播放方法、电子设备及存储介质。

技术介绍

[0002]监控摄像机已经从传统的安防行业拓展到智慧城市、智能家居、智慧物流等各个行业。大多数网络摄像机都是通过RTSP协议传输视频流的，监控视频的播放也都是基于一些插件化技术和自研的播放器，单HTML并不标准支持RTSP流，这跟目前浏览器无插件播放严重不匹配，不仅兼容难而且使用很不方便。
[0003]随着互联网技术的发展及web应用的不断成熟，越来越多的软件系统开始使用B/S架构，在这种架构下，需要一种无须安装任何插件、直接基于Web页面观看监控画面的技术。
[0004]目前，在浏览器播放监控视频的方案有以下几种：
[0005]一种是使用使用中介服务器转码播放的方式，如将rtsp转成rtmp，浏览器端借助Flash播放rtmp视频，这种方案的监控视频播放严重中介服务器和Flash，而由于Flash本身的安全性，现代浏览器已经逐渐开始放弃对Flash的支持。...

【技术保护点】

【技术特征摘要】
1.一种web版监控视频播放方法，其特征在于，包括：创建主进程及两个子进程；获取来自于监控摄像机的实时视频流，通过两个子进程及wasm模块对所述实时视频流进行处理以得到音频数据和视频数据；其中，所述wasm模块为使用Emscrpten编译器进行编译所得；通过所述主进程接收子进程推送的音频数据和视频数据，并创建Audio队列和Video队列；对所述音频数据和视频数据进行处理后加入所述Audio队列和Video队列；确定音视频播放规则；在浏览器上播放时，基于所述音视频播放规则，借助Web Audiot API或WebGL获取所述Audio队列或Video队列中的音频数据或视频数据进行播放。2.如权利要求1所述的web版监控视频播放方法，其特征在于，两个子进程包括拉流子进程和解码子进程；通过两个子进程及wasm模块对所述实时视频流进行处理以得到音频数据和视频数据，具体包括：通过所述拉流子进程调用Streams API拉取所述实时视频流中的流数据；获取Reader对象，通过所述Reader对象读取所述流数据中的多个Chunk，并进行缓存；当完成一组流数据的获取后，通过Web消息传递方式将所述流数据存储至消息队列中，并将所述流数据发送至所述解码子进程；通过所述解码子进程调用所述wasm模块进行解码，以得到音频数据和视频数据。3.如权利要求1所述的web版监控视频播放方法，其特征在于，对所述音频数据进行处理具体包括：对所述音频数据添加wav header。4.如权利要求2所述的web版监控视频播放方法，其特征在于，所述Audio队列用于存储未播放的音频，所述Video队列用于存储未播放的视频；确定音视频播放规则具体包括：当所述主进程接收到音频数据时，遍历当前的Audio队列，将音频帧的时间戳与每个视频帧的时间戳进行比较；若音频帧的时间戳在视频帧的时间戳之前，则播放音频数据；若音频的时间戳和视频的时间戳的差值在预设误差内，则同时播放音频数据和视频数据，并将视频数据从Video队列中删除；若视频帧的时间戳在音频帧的时间戳之前，则播放视频数据，并将视频数据从Video队列中删除；若视频数据播放完之后，仍未播放音频数据，则将音频数据放入Audio队列。5.如权利要求4所述的web版监控视频播放方法，其特征在于，所述音频数据的格式为PCM格式，所述视频数据...

【专利技术属性】
技术研发人员：黄棚达，李凡平，石柱国，
申请(专利权)人：北京以萨技术股份有限公司安徽以萨数据技术有限公司，
类型：发明
国别省市：