[发明专利]一种视频监控系统中多路视频播放自动分屏的实现方法

摘要

本发明公开了一种视频监控系统中多路视频播放自动分屏的实现方法，属于视频分屏技术领域，包括以下步骤：S1、播放容器的宽高计算；S2、播放容器的动态绑定；S3、选择分屏模式；S4、智能分屏模式；S5、非智能分屏模式；S6、动态计算视频宽高；S7、视频多路分屏。本方法提供用户两种分屏模式，智能分屏模式可以自动分屏，非智能分屏模式需要用户设置分屏数量而者最终结果相同，提高了用户的操作性，根据用户选择的分屏模式，计算屏幕大小，采用动态获取播放窗体大小计算各分频宽高，并对分屏进行左浮动布局，从而达到对屏幕进行等比例划分的效果，来满足用户进行多路视频同时观看的需求。

主权项

1.一种视频监控系统中多路视频播放自动分屏的实现方法，其特征在于：包括以下步骤：S1、播放容器的宽高计算：利用基于javascript的高宽函数计算最外层播放容器的高度和宽度数值；S2、播放容器的动态绑定：对步骤S1计算的数值进行监听，在播放容器窗口变化时调用重设容器的宽度和高度函数，实时计算出变化后播放容器的高度和宽度，获取变化后播放容器的高宽并且判断播放容器当前是否处于全屏；S3、选择分屏模式：通过设置智能分屏和非智能分屏两种模式供用户选择；S4、智能分屏模式：用户选择智能分屏模式时，系统获取智能分屏指令，通过计算播放视频的数量和尺寸判断是否能分屏，若能则选择分屏数量；S5、非智能分屏模式：用户选择非智能分屏模式时，系统获取用户选择的分屏数量，调用最外层播放容器的高度和宽度数值，通过动态计算各分屏大小，将播放的视频分屏铺满整个播放容器；S6、动态计算视频宽高：将步骤S5播放的视频的宽度和高度绑定在宽高计算函数上，并且设置宽高计算间隔，当窗体监听事件触发时调用函数即可动态改变分屏大小；S7、视频多路分屏：完成多路视频自动分屏的效果。