【技术实现步骤摘要】
本专利技术涉及ip摄像机视频播放，尤其涉及一种在网页端播放ip摄像机视频流的方法及设备。
技术介绍
1、当前工业互联网场景下的ip摄像机绝大部分使用rtsp协议，而rtsp协议与http协议不兼容，无法通过简单的解决方案在网页端播放rtsp视频流，因为rtsp协议旨在通过私有网络流传输视频。
2、其次，在网页端播放视频时，大多数是通过插件或html5的video元素的来显示的。然而，并非所有浏览器都拥有同样的插件，且html5的video元素也只支持三种视频格式：mp4、webm、和ogg。而对于ip摄像机的视频是无法直接使用video播放的。综上可知，目前的网页端无法满足工业互联网场景下ip摄像机的视频播放需求。
技术实现思路
1、本专利技术实施例提供了一种在网页端播放ip摄像机视频流的方法及设备，用于解决如下技术问题：目前的网页端无法在不安装插件的情况下，满足工业互联网场景下ip摄像机的视频播放需求。
2、本专利技术实施例采用下述技术方案：
3、一方面，本专利技术实施例提供了一种在网页端播放ip摄像机视频流的方法，方法包括：在服务端通过rtsp传输协议对ip摄像机的流媒体视频文件进行拉流，并缓存所述流媒体视频文件的rtp包；对所述rtp包进行解析后，输入到复用器中；对所述复用器中的数据进行切片缓存以及hls传输协议转换，生成对应的hls文件；对所述hls文件中的视频数据进行解码，得到当前视频帧的原始图形数据，通过hls传输协议转发到网页端；在
4、在一种可行的实施方式中，在服务端通过rtsp传输协议对ip摄像机的流媒体视频文件进行拉流，并缓存所述流媒体视频文件的rtp包，具体包括：基于服务端的拉流请求，通过rtsp传输协议，将ip摄像机拍摄的流媒体视频文件传输到服务端；同时，将所述流媒体视频文件分割为rtp包进行缓存，并生成缓存时间戳；将缓存时间戳相同的rtp包归入同一个数据包；根据所述数据包对应的缓存时间戳，对数据包中缺损的视频数据进行数据修复，以消除传输抖动。
5、在一种可行的实施方式中，将所述流媒体视频文件分割为rtp包进行缓存，具体包括：将所述流媒体视频文件分割为若干个rtp包，并在每个rtp包的前面添加预设字节；其中，所述预设字节构成一个整数，用于表示rtp包的大小；将添加预设字节后的rtp包按照大端字节序进行缓存；在读取rtp包时，先读取所述预设字节，获取rtp包的大小；并根据所述rtp包的大小分配资源。
6、在一种可行的实施方式中，对所述rtp包进行解析后，输入到复用器中，具体包括：对所述rtp包进行预处理；其中，所述预处理至少包括以下操作：读取socket缓存、协议解析、解复用以及重新打包；将预处理后的rtp包解析为h.265对应的tssegmenter格式文件；将所述tssegmenter格式文件输入到所述复用器中。
7、在一种可行的实施方式中，对所述复用器中的数据进行切片缓存以及hls传输协议转换，生成对应的hls文件，具体包括：通过cookie追踪技术，实现hls传输协议短连接的长链接化；通过数据切片缓存技术，对所述复用器中存储的tssegmenter格式文件进行切片，并将ts切片文件存储在服务器内存中；在所述服务器内存中进行fifo单次遍历，获取ts切片文件，并对所述ts切片文件进行hls传输协议转换，生成对应的hls文件。
8、在一种可行的实施方式中，所述通过数据切片缓存技术，对所述复用器中存储的tssegmenter格式文件进行切片，具体包括：将所述tssegmenter格式文件中的视频划分为头部与内容部分；对所述头部与所述内容部分以不同的切片间隔进行切片；其中，所述内容部分的切片间隔小于所述头部的切片间隔；对ts切片文件的分片时间戳与真实时间戳进行校验，确定并标注过期分片；缓存与所述ts切片文件最近的一个i帧，并将所述i帧之后的所有视频数据进行gop缓存；在数据切片之后，将数据长度超过预设阈值的ts切片文件再次切分为数据长度低于预设阈值的ts切片文件。
9、在一种可行的实施方式中，对所述hls文件中的视频数据进行解码，得到当前视频帧的原始图形数据，通过hls传输协议转发到网页端，具体包括：通过web worker技术，对所述hls文件中的视频数据进行解码操作，得到各个视频帧的yuv数据；将yuv数据转换为对应的rgb值，得到各个视频帧的原始图形数据；基于hls传输协议，将所述原始图形数据传输给网页端。
10、在一种可行的实施方式中，在网页端对所述原始图形数据进行元素合成以及逐帧渲染，以在网页端播放所述ip摄像机的流媒体视频文件，具体包括：将所述原始图形数据按照预设尺寸划分为若干个宏块；以每个宏块为单位，将所述原始图形数据与预设元素进行合成；其中，所述预设元素至少包括：文本、线条、图形、logo以及水印；对合成后的图像帧进行逐帧渲染，并通过canvas3d的硬件进行加速渲染。
11、在一种可行的实施方式中，在对所述hls文件中的视频数据进行解码，得到当前视频帧的原始图形数据之后，所述方法还包括：在网页端异步加载js脚本文件，并对webassembly模块进行同步加载；加载完成后立即执行所述js脚本文件，并发起定时任务；基于所述定时任务，在网页端每隔预设时间通过hls传输协议拉取所述hls文件；通过appendbuffer方法，将网页端拉取的hls文件缓存到媒体资源库中，以进行播放缓存，并记录当前已经缓存的视频时间段。
12、另一方面，本专利技术实施例还提供了一种在网页端播放ip摄像机视频流的设备，所述设备包括：至少一个处理器；以及，与所述至少一个处理器通信连接的存储器；其中，所述存储器存储有能够被所述至少一个处理器执行的指令，以使所述至少一个处理器能够执行所述一种在网页端播放ip摄像机视频流的方法。
13、与现有技术相比，本专利技术实施例提供的一种在网页端播放ip摄像机视频流的方法及设备，具有如下有益效果：
14、本专利技术可以在网页端无需安装任何插件的情况下，支持h.265(hevc)编码格式的ip摄像机在工业互联网上同时进行多路监控，及同时将多个ip摄像机的视频流在同一块大屏上进行分屏展示播放。不仅优化了视频观看体验，还减轻了网页端繁杂的插件适配压力；同时也不再过度依赖高级的硬件服务器来传输视频，即使用常规(比较廉价)的硬件服务器即可实现工业互联网场景下ip摄像机的视频播放需求，为企业降本增效。
本文档来自技高网...【技术保护点】
1.一种在网页端播放IP摄像机视频流的方法，其特征在于，所述方法包括：
2.根据权利要求1所述的一种在网页端播放IP摄像机视频流的方法，其特征在于，在服务端通过RTSP传输协议对IP摄像机的流媒体视频文件进行拉流，并缓存所述流媒体视频文件的RTP包，具体包括：
3.根据权利要求2所述的一种在网页端播放IP摄像机视频流的方法，其特征在于，将所述流媒体视频文件分割为RTP包进行缓存，具体包括：
4.根据权利要求1所述的一种在网页端播放IP摄像机视频流的方法，其特征在于，对所述RTP包进行解析后，输入到复用器中，具体包括：
5.根据权利要求1所述的一种在网页端播放IP摄像机视频流的方法，其特征在于，对所述复用器中的数据进行切片缓存以及HLS传输协议转换，生成对应的HLS文件，具体包括：
6.根据权利要求5所述的一种在网页端播放IP摄像机视频流的方法，其特征在于，所述通过数据切片缓存技术，对所述复用器中存储的TSsegmenter格式文件进行切片，具体包括：
7.根据权利要求1所述的一种在网页端播放IP摄像机视频流的
8.根据权利要求1所述的一种在网页端播放IP摄像机视频流的方法，其特征在于，在网页端对所述原始图形数据进行元素合成以及逐帧渲染，以在网页端播放所述IP摄像机的流媒体视频文件，具体包括：
9.根据权利要求1所述的一种在网页端播放IP摄像机视频流的方法，其特征在于，在对所述HLS文件中的视频数据进行解码，得到当前视频帧的原始图形数据之后，所述方法还包括：
10.一种在网页端播放IP摄像机视频流的设备，其特征在于，所述设备包括：
...【技术特征摘要】
1.一种在网页端播放ip摄像机视频流的方法，其特征在于，所述方法包括：
2.根据权利要求1所述的一种在网页端播放ip摄像机视频流的方法，其特征在于，在服务端通过rtsp传输协议对ip摄像机的流媒体视频文件进行拉流，并缓存所述流媒体视频文件的rtp包，具体包括：
3.根据权利要求2所述的一种在网页端播放ip摄像机视频流的方法，其特征在于，将所述流媒体视频文件分割为rtp包进行缓存，具体包括：
4.根据权利要求1所述的一种在网页端播放ip摄像机视频流的方法，其特征在于，对所述rtp包进行解析后，输入到复用器中，具体包括：
5.根据权利要求1所述的一种在网页端播放ip摄像机视频流的方法，其特征在于，对所述复用器中的数据进行切片缓存以及hls传输协议转换，生成对应的hls文件，具体包括：
6.根据权利要求5所述的一种在网页端播放ip...
【专利技术属性】
技术研发人员：田铭，刘志峰，肖雪，薛泽斌，李慧，
申请(专利权)人：浪潮云洲工业互联网有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。