[发明专利]一种web播放器的多画面模式切换方法及装置

说明书

本发明公开了一种web播放器的多画面模式切换方法及装置，通过用户预设置的多个画面模式，对视频画面总宽高参数进行尺寸划分，得到不同画面模式对应的视频画面尺寸参数组；当检测到播放器画面切换指令时，根据选取的画面模式及其对应的视频画面尺寸参数组，对输入的视频流进行缩放处理，并设置对应的视频画面位置，对输入的视频流进行叠加处理，生成总rtsp格式视频流地址；通过将总rtsp格式视频流地址中的读取的视频数据转换为MP4格式数据，并赋值到创建的视频标签中，以使web播放器依据当前画面模式播放视频数据。与现有技术相比，本发明的技术方案不需要服务器进行转码，能减少服务器转码压力，提高视频播放的稳定性。

技术领域

本发明涉及视频播放的技术领域，特别是涉及一种web播放器的多画面模式切换方法及装置。

背景技术

在web浏览器中，视频播放是很普遍的功能，我们常见的播放器功能有音量调节、暂停/播放、分辨率切换、全屏/缩放、弹幕等等，但基本都是一个播放器播放一个画面的，目前不支持一个播放器播放多个画面。然而web端在一些类似监测功能的多场景画面同时展示的需求也日益增长，如学校教学平台，同时监测多个教室里面的情况；医院后端管理系统多个楼层的实时画面；车站调度系统监测多个站台多个场景等等。

在以往实现此类需求，常规的做法是，web后端获取录播主机的流，转码成.rtmp、.flv格式或.m3u8等流格式，web前端使用flv.js、hls.js等一些开源播放器，在页面创建多个播放器进行播放。简单说就是创建多个播放器同时播放多个流地址，拼凑出多个画面组合，且多个播放器获取的视频流数据是都是基于服务端进行转码，如果客户端的播放器越多，服务器转码压力越大，服务端以便转码，以便返推数据到客户端，导致画面的稳定性受网络影响很大；且在长期测试中，我们发现单个页面多个播放器同时播放，超过4小时或更长时间，会出现浏览器内存占满卡顿，页面卡顿，甚至崩溃的现象。

发明内容

本发明要解决的技术问题是：提供一种web播放器的多画面模式切换方法及装置，减少服务器转码压力，提高视频播放的稳定性。

为了解决上述技术问题，本发明提供了一种web播放器的多画面模式切换方法，包括：

对web播放器设置视频画面总宽高参数，基于用户预设置的多个画面模式，对所述视频画面总宽高参数进行尺寸划分，得到不同画面模式对应的视频画面尺寸参数组；

当检测到播放器画面切换指令时，根据选取的画面模式及其对应的视频画面尺寸参数组，对输入的视频流进行缩放处理，并对所述视频流设置对应的视频画面位置，对输入的视频流进行叠加处理，生成总rtsp格式视频流地址；

读取所述总rtsp格式视频流地址中的视频数据，并将所述视频数据转换为MP4格式数据，将所述MP4格式数据赋值到创建的视频标签中，以使所述web播放器依据当前画面模式播放视频数据。

在一种可能的实现方式中，预设置的多个画面模式包括第一画面模式、第二画面模式、第三画面模式和第四画面模式；

其中，所述第一画面模式中包括一个画面方格及其对应的画面方格位置编号，所述第二画面模式中包含三个画面方格及其对应的画面方格位置编号，所述三画面模式中包含四个画面方格及其对应的画面方格位置编号，所述第四画面模式中包含九个画面方格及其对应的画面方格位置编号。

在一种可能的实现方式中，基于用户预设置的多个画面模式，对所述视频画面总宽高参数进行尺寸划分，得到不同画面模式对应的视频画面尺寸参数组，具体包括：

获取所述视频画面总宽高参数，根据每个画面模式包含的画面方格数量对所述视频画面总宽高参数进行尺寸划分，以使将视频画面划分为多个视频画面方格；