一種基于WebGL的多視角畫面展示方法技術(shù)

本發(fā)明專利技術(shù)公開了一種基于WebGL的多視角畫面展示方法，包括以下步驟：S1、現(xiàn)場拍攝：采用多臺攝像機對現(xiàn)場進行拍攝；多臺所述攝像機的運輸通過運輸裝置來實現(xiàn)，所述運輸裝置包括底座和兩個開口端相對的保護外殼；S2、畫面合并；S3、畫面?zhèn)鬏斨罤5播放器；S4、v ideo播放；S5、WebGL渲染。本發(fā)明專利技術(shù)中，通過利用webGL的硬件3D加速渲染，實現(xiàn)在H5端將多個視角畫面合并在一起的直播畫面進行單一視角的場景切換渲染顯示，可實現(xiàn)多機位、多場景、自由視角的直播渲染播放，可達到直播畫面秒切換且音頻完全同步的能力。并且多場景直播畫面合并成一路碼流輸出，相比每個畫面單獨碼流輸出可節(jié)省大量寬帶，節(jié)約更多的硬件承載資源。

【技術(shù)實現(xiàn)步驟摘要】
一種基于WebGL的多視角畫面展示方法
本專利技術(shù)涉及WebGL
，尤其涉及一種基于WebGL的多視角畫面展示方法。
技術(shù)介紹
WebGL(全寫WebGraphicsLibrary)是一種3D繪圖協(xié)議，這種繪圖技術(shù)標準允許把JavaScript和OpenGLES2.0結(jié)合在一起，通過增加OpenGLES2.0的一個JavaScript綁定，WebGL可以為HTML5Canvas提供硬件3D加速渲染，這樣Web開發(fā)人員就可以借助系統(tǒng)顯卡來在瀏覽器里更流暢地展示3D場景和模型了，還能創(chuàng)建復(fù)雜的導(dǎo)航和數(shù)據(jù)視覺化。現(xiàn)有公開號為CN111901616A，名稱為“一種基于H5/WebGL的改進多視角直播渲染的方法”中，“利用webGL的硬件3D加速(GPU)渲染，基本可以實現(xiàn)24-60幀的畫面渲染，基本能夠良好地支持4K畫面的渲染，并實現(xiàn)在H5端將多個視角畫面合并在一起的直播畫面進行單一視角的場景切換渲染顯示，可實現(xiàn)多機位、多場景、自由視角的直播渲染播放。”其中，上述方法的實施步驟中，利用到攝像機在現(xiàn)場進行拍攝，因此，就涉及到這多臺攝像機的運輸，攝像機在運輸過程中若不加以防護，容易收到碰撞而發(fā)生損壞，影響拍攝畫面的清晰度，以致影響播放畫面的展示效果，因此，本專利技術(shù)提供一種基于WebGL的多視角畫面展示方法中的攝像機用運輸裝置。
技術(shù)實現(xiàn)思路
為了解決上述
技術(shù)介紹
中所提到的問題，而提出的一種基于WebGL的多視角畫面展示方法。為了實現(xiàn)上述目的，本專利技術(shù)采用了如下技術(shù)方案：>一種基于WebGL的多視角畫面展示方法，包括以下步驟：S1、現(xiàn)場拍攝：采用多臺攝像機對現(xiàn)場進行拍攝；S2、畫面合并：將現(xiàn)場拍攝的畫面通過合并設(shè)備進行合并；S3、畫面?zhèn)鬏斨罤5播放器：通過流媒體進行轉(zhuǎn)碼后，將播放流地址回傳給H5播放器；S4、video播放：通過H5video標簽進行碼流的播放，將播放的畫面?zhèn)鬟f給WebGL進行處理；S5、WebGL渲染：將video畫面作為貼圖紋理，對video播放畫面進行逐幀渲染；S6、canvas呈現(xiàn)：結(jié)合播放器內(nèi)集成的自定義播放控制條最終展示畫面給用戶；S7、播放畫面呈現(xiàn)：播放器根據(jù)不同的場景展示顯示，匹配不同的播放交互。作為上述技術(shù)方案的進一步描述：一種多臺攝像機用運輸裝置，包括底座和兩個開口端相對的保護外殼，所述保護外殼中部固定連接有支撐板，所述支撐板頂部開設(shè)有容納攝像機的凹槽，所述支撐板兩側(cè)轉(zhuǎn)動安裝有折彎形的壓桿，所述保護外殼底部轉(zhuǎn)動安裝有蝸桿，所述保護外殼兩側(cè)轉(zhuǎn)動安裝有第一傳動軸，所述第一傳動軸上固定安裝有與蝸桿嚙合連接的蝸輪，所述壓桿的底部的水平端與蝸輪連接，所述壓桿底部的水平端與攝像機外側(cè)抵接，所述保護外殼外側(cè)設(shè)有驅(qū)動蝸桿轉(zhuǎn)動的第二驅(qū)動裝置。作為上述技術(shù)方案的進一步描述：所述底座底部安裝有多個帶有自鎖結(jié)構(gòu)的萬向輪，所述底座頂部兩側(cè)固定連接有固定板，兩側(cè)所述固定板之間固定連接有一組平行設(shè)置的導(dǎo)桿，所述保護外殼的底部固定連接有與導(dǎo)桿滑動連接的呈倒U形的移動板，所述底座上具有驅(qū)動保護外殼在導(dǎo)桿上移動的第一驅(qū)動裝置。作為上述技術(shù)方案的進一步描述：所述第一驅(qū)動裝置包括轉(zhuǎn)動安裝在底座上的第三傳動軸，所述第三傳動軸上轉(zhuǎn)動安裝有一組堆成設(shè)置的轉(zhuǎn)動板，所述轉(zhuǎn)動板上開設(shè)有滑槽，所述移動板頂部兩側(cè)固定連接有穿過滑槽的滑桿，兩側(cè)所述固定板之間轉(zhuǎn)動安裝有兩端螺紋段螺紋旋向不同的傳動螺桿，所述傳動螺桿兩端通過螺紋旋合連接有滑塊，所述滑塊和轉(zhuǎn)動板之間轉(zhuǎn)動連接有連桿，所述固定板上固定安裝有與傳動螺桿傳動連接的第二驅(qū)動電機。作為上述技術(shù)方案的進一步描述：所述第二驅(qū)動裝置包括固定安裝在蝸桿底部的從動錐齒輪，所述保護外殼底部一側(cè)轉(zhuǎn)動安裝有第二傳動軸，所述第二傳動軸上固定安裝有與從動錐齒輪嚙合連接的主動錐齒輪，所述保護外殼外側(cè)固定安裝有與第二傳動軸傳動連接的第一驅(qū)動電機。作為上述技術(shù)方案的進一步描述：所述保護外殼底部兩側(cè)轉(zhuǎn)動安裝有螺紋套，所述螺紋套內(nèi)部通過螺紋旋合連接有穿過支撐板的螺紋桿，兩側(cè)所述螺紋桿的頂部固定連接有壓板，所述螺紋套和蝸桿之間通過皮帶傳動連接。作為上述技術(shù)方案的進一步描述：所述螺紋套和保護外殼之間通過軸承轉(zhuǎn)動連接。作為上述技術(shù)方案的進一步描述：所述壓板兩側(cè)固定連接有導(dǎo)向塊，所述保護外殼頂部兩側(cè)開設(shè)有與導(dǎo)向塊相適配的導(dǎo)向槽。作為上述技術(shù)方案的進一步描述：所述壓板的底部粘接有與攝像機頂部彈性接觸的第一橡膠墊。作為上述技術(shù)方案的進一步描述：所述壓桿頂部的水平端的端部粘接有與攝像機兩側(cè)彈性接觸的第二橡膠墊。綜上所述，由于采用了上述技術(shù)方案，本專利技術(shù)的有益效果是：1、本專利技術(shù)中，通過利用webGL的硬件3D加速(GPU)渲染，基本可以實現(xiàn)24-60幀的畫面渲染，基本能夠良好地支持4K畫面的渲染，并實現(xiàn)在H5端將多個視角畫面合并在一起的直播畫面進行單一視角的場景切換渲染顯示，可實現(xiàn)多機位、多場景、自由視角的直播渲染播放，可達到直播畫面秒切換且音頻完全同步的能力。并且多場景直播畫面合并成一路碼流輸出，相比每個畫面單獨碼流輸出可節(jié)省大量寬帶，節(jié)約更多的硬件承載資源。2、本專利技術(shù)中，攝像機放置在凹槽內(nèi)，通過第二驅(qū)動裝置驅(qū)動蝸桿轉(zhuǎn)動，根據(jù)卡齒的嚙合傳動原理，驅(qū)動蝸輪帶動壓桿向靠近攝像機的方向轉(zhuǎn)動，在蝸輪和蝸桿的自鎖作用下，壓桿抵接在攝像機外側(cè)，將攝像機固定在支撐板上，通過第一驅(qū)動裝置驅(qū)動兩側(cè)的保護外殼在導(dǎo)桿上相互靠近移動，兩側(cè)的保護外殼相互抵接，形成密閉空間，避免攝像機收到外界碰撞而發(fā)生損壞的問題。3、本專利技術(shù)中，在皮帶的傳動作用下，驅(qū)動螺紋套轉(zhuǎn)動，進而驅(qū)動螺紋桿帶動壓板在豎直方向上向下移動，壓板抵接在攝像機頂部，進一步固定攝像機，提高攝像機在支撐板上的放置穩(wěn)定性，避免運輸過程中，攝像機因為固定不穩(wěn)定而與保護外殼發(fā)生碰撞。4、本專利技術(shù)中，壓板和保護外殼之間的空間，還可以放置攝像機使用時需要的其他配件，避免與攝像機相關(guān)的配件與攝像機分開運輸而導(dǎo)致配件丟失的問題。附圖說明圖1示出了根據(jù)本專利技術(shù)實施例提供的運輸裝置的保護殼體的內(nèi)部結(jié)構(gòu)示意圖；圖2示出了根據(jù)本專利技術(shù)實施例提供的運輸裝置的從動錐齒輪處的俯視示意圖；圖3示出了根據(jù)本專利技術(shù)實施例提供的運輸裝置的正視示意圖；圖4示出了根據(jù)本專利技術(shù)實施例提供的運輸裝置的底座的俯視示意圖；圖5示出了根據(jù)本專利技術(shù)實施例提供的運輸裝置的移動板的側(cè)視示意圖。圖例說明：1、保護外殼；2、皮帶；3、螺紋套；4、支撐板；5、螺紋桿；6、導(dǎo)向塊；7、壓板；8、導(dǎo)向槽；9、壓桿；10、第一橡膠墊；11、攝像機；12、第二橡膠墊；13、凹槽；14、蝸輪；15、第一傳動軸；16、蝸桿；17、從動錐齒輪；18、第一驅(qū)動電機；19、導(dǎo)桿；20、第二驅(qū)動電機；21、萬向輪；22、傳動螺桿；23、滑塊；24、滑桿；25、滑槽；26、轉(zhuǎn)動板；27、連本文檔來自技高網(wǎng)...

【技術(shù)保護點】
1.一種基于WebGL的多視角畫面展示方法，其特征在于，包括以下步驟：/nS1、現(xiàn)場拍攝：采用多臺攝像機(11)對現(xiàn)場進行拍攝；/nS2、畫面合并：將現(xiàn)場拍攝的畫面通過合并設(shè)備進行合并；/nS3、畫面?zhèn)鬏斨罤5播放器：通過流媒體進行轉(zhuǎn)碼后，將播放流地址回傳給H5播放器；/nS4、video播放：通過H5video標簽進行碼流的播放，將播放的畫面?zhèn)鬟f給WebGL進行處理；/nS5、WebGL渲染：將video畫面作為貼圖紋理，對video播放畫面進行逐幀渲染；/nS6、canvas呈現(xiàn)：結(jié)合播放器內(nèi)集成的自定義播放控制條最終展示畫面給用戶；/nS7、播放畫面呈現(xiàn)：播放器根據(jù)不同的場景展示顯示，匹配不同的播放交互。/n

【技術(shù)特征摘要】
1.一種基于WebGL的多視角畫面展示方法，其特征在于，包括以下步驟：
S1、現(xiàn)場拍攝：采用多臺攝像機(11)對現(xiàn)場進行拍攝；
S2、畫面合并：將現(xiàn)場拍攝的畫面通過合并設(shè)備進行合并；
S3、畫面?zhèn)鬏斨罤5播放器：通過流媒體進行轉(zhuǎn)碼后，將播放流地址回傳給H5播放器；
S4、video播放：通過H5video標簽進行碼流的播放，將播放的畫面?zhèn)鬟f給WebGL進行處理；
S5、WebGL渲染：將video畫面作為貼圖紋理，對video播放畫面進行逐幀渲染；
S6、canvas呈現(xiàn)：結(jié)合播放器內(nèi)集成的自定義播放控制條最終展示畫面給用戶；
S7、播放畫面呈現(xiàn)：播放器根據(jù)不同的場景展示顯示，匹配不同的播放交互。


2.根據(jù)權(quán)利要求1所述的攝像機用運輸裝置，其特征在于，包括底座(30)和兩個開口端相對的保護外殼(1)，所述保護外殼(1)中部固定連接有支撐板(4)，所述支撐板(4)頂部開設(shè)有容納攝像機(11)的凹槽(13)，所述支撐板(4)兩側(cè)轉(zhuǎn)動安裝有折彎形的壓桿(9)，所述保護外殼(1)底部轉(zhuǎn)動安裝有蝸桿(16)，所述保護外殼(1)兩側(cè)轉(zhuǎn)動安裝有第一傳動軸(15)，所述第一傳動軸(15)上固定安裝有與蝸桿(16)嚙合連接的蝸輪(14)，所述壓桿(9)的底部的水平端與蝸輪(14)連接，所述壓桿(9)底部的水平端與攝像機(11)外側(cè)抵接，所述保護外殼(1)外側(cè)設(shè)有驅(qū)動蝸桿(16)轉(zhuǎn)動的第二驅(qū)動裝置。


3.根據(jù)權(quán)利要求2所述的攝像機用運輸裝置，其特征在于，所述底座(30)底部安裝有多個帶有自鎖結(jié)構(gòu)的萬向輪(21)，所述底座(30)頂部兩側(cè)固定連接有固定板(29)，兩側(cè)所述固定板(29)之間固定連接有一組平行設(shè)置的導(dǎo)桿(19)，所述保護外殼(1)的底部固定連接有與導(dǎo)桿(19)滑動連接的呈倒U形的移動板(28)，所述底座(30)上具有驅(qū)動保護外殼(1)在導(dǎo)桿(19)上移動的第一驅(qū)動裝置。


4.根據(jù)權(quán)利要求3所述的攝像機用運輸裝置，其特征在于，所述第一驅(qū)動裝置包括轉(zhuǎn)動安裝在底座(3...

【專利技術(shù)屬性】
技術(shù)研發(fā)人員：薛廣祥，
申請(專利權(quán))人：江蘇青樸科技有限公司，
類型：發(fā)明
國別省市：江蘇;32