一种基于WebGL的多视角画面展示方法.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN113271396A(43)申请公布日2021.08.17(21)申请号202110341553.3(22)申请日2021.03.30(71)申请人江苏青朴科技有限公司地址210000江苏省南京市秦淮区正学路1号南京晨光1865创意产业园C1幢二楼(72)发明人薛广祥(51)Int.Cl.H04N5/225(2006.01)H04N5/265(2006.01)H04N21/44(2011.01)H04L29/06(2006.01)F16M11/42(2006.01)F16M11/04(2006.01)权利要求书2页说明书6页附图4页(54)发明名称一种基于WebGL的多视角画面展示方法(57)摘要本发明公开了一种基于WebGL的多视角画面展示方法，包括以下步骤：S1、现场拍摄：采用多台摄像机对现场进行拍摄；多台所述摄像机的运输通过运输装置来实现，所述运输装置包括底座和两个开口端相对的保护外壳；S2、画面合并；S3、画面传输至H5播放器；S4、video播放；S5、WebGL渲染。本发明中，通过利用webGL的硬件3D加速渲染，实现在H5端将多个视角画面合并在一起的直播画面进行单一视角的场景切换渲染显示，可实现多机位、多场景、自由视角的直播渲染播放，可达到直播画面秒切换且音频完全同步的能力。并且多场景直播画面合并成一路码流输出，相比每个画面单独码流输出可节省大量宽带，节约更多的硬件承载资源。CN113271396ACN113271396A权利要求书1/2页1.一种基于WebGL的多视角画面展示方法，其特征在于，包括以下步骤：S1、现场拍摄：采用多台摄像机(11)对现场进行拍摄；S2、画面合并：将现场拍摄的画面通过合并设备进行合并；S3、画面传输至H5播放器：通过流媒体进行转码后，将播放流地址回传给H5播放器；S4、video播放：通过H5video标签进行码流的播放，将播放的画面传递给WebGL进行处理；S5、WebGL渲染：将video画面作为贴图纹理，对video播放画面进行逐帧渲染；S6、canvas呈现：结合播放器内集成的自定义播放控制条最终展示画面给用户；S7、播放画面呈现：播放器根据不同的场景展示显示，匹配不同的播放交互。2.根据权利要求1所述的摄像机用运输装置，其特征在于，包括底座(30)和两个开口端相对的保护外壳(1)，所述保护外壳(1)中部固定连接有支撑板(4)，所述支撑板(4)顶部开设有容纳摄像机(11)的凹槽(13)，所述支撑板(4)两侧转动安装有折弯形的压杆(9)，所述保护外壳(1)底部转动安装有蜗杆(16)，所述保护外壳(1)两侧转动安装有第一传动轴(15)，所述第一传动轴(15)上固定安装有与蜗杆(16)啮合连接的蜗轮(14)，所述压杆(9)的底部的水平端与蜗轮(14)连接，所述压杆(9)底部的水平端与摄像机(11)外侧抵接，所述保护外壳(1)外侧设有驱动蜗杆(16)转动的第二驱动装置。3.根据权利要求2所述的摄像机用运输装置，其特征在于，所述底座(30)底部安装有多个带有自锁结构的万向轮(21)，所述底座(30)顶部两侧固定连接有固定板(29)，两侧所述固定板(29)之间固定连接有一组平行设置的导杆(19)，所述保护外壳(1)的底部固定连接有与导杆(19)滑动连接的呈倒U形的移动板(28)，所述底座(30)上具有驱动保护外壳(1)在导杆(19)上移动的第一驱动装置。4.根据权利要求3所述的摄像机用运输装置，其特征在于，所述第一驱动装置包括转动安装在底座(30)上的第三传动轴(33)，所述第三传动轴(33)上转动安装有一组堆成设置的转动板(26)，所述转动板(26)上开设有滑槽(25)，所述移动板(28)顶部两侧固定连接有穿过滑槽(25)的滑杆(24)，两侧所述固定板(29)之间转动安装有两端螺纹段螺纹旋向不同的传动螺杆(22)，所述传动螺杆(22)两端通过螺纹旋合连接有滑块(23)，所述滑块(23)和转动板(26)之间转动连接有连杆(27)，所述固定板(29)上固定安装有与传动螺杆(22)传动连接的第二驱动电机(20)。5.根据权利要求4所述的摄像机用运输装置，其特征在于，所述第二驱动装置包括固定安装在蜗杆(16)底部的从动锥齿轮(17)，所述保护外壳(1)底部一侧转动安装有第二传动轴(32)，所述第二传动轴(32)上固定安装有与从动锥齿轮(17)啮合连接的主动锥齿轮(31)，所述保护外壳(1)外侧固定安装有与第二传动轴(32)传动连接的第一驱动电机(18)。6.根据权利要求5所述的摄像机用运输装置，其特征在于，所述保护外壳(1)底部两侧转动安装有螺纹套(3)，所述螺纹套(3)内部通过螺纹旋合连接有穿过支撑板(4)的螺纹杆