【技術(shù)實(shí)現(xiàn)步驟摘要】
本專(zhuān)利技術(shù)屬于計(jì)算機(jī)，尤其涉及一種實(shí)現(xiàn)視頻插件服務(wù)的方法及系統(tǒng)。
技術(shù)介紹
1、相關(guān)技術(shù)中，由于當(dāng)前web前端應(yīng)用越發(fā)流行，使用場(chǎng)景廣泛，同時(shí)，web前端使用js語(yǔ)言實(shí)現(xiàn)無(wú)插件的視頻播放在性能、協(xié)議支持等各方面表現(xiàn)不如原生實(shí)現(xiàn)的視頻應(yīng)用，不足以滿足web前端應(yīng)用視頻播放的需求，因此，急需一種跨瀏覽器的視頻插件服務(wù)來(lái)為web前端應(yīng)用提供高質(zhì)量視頻播放的功能。
2、當(dāng)下的插件技術(shù)方案通常是采用在操作系統(tǒng)中安裝原生的視頻插件程序，安裝完成后自動(dòng)運(yùn)行插件后臺(tái)服務(wù)，同時(shí)，瀏覽器web網(wǎng)頁(yè)端通過(guò)引入js腳本與插件進(jìn)行信令交互，當(dāng)瀏覽器web網(wǎng)頁(yè)加載后，js腳本通過(guò)websocket等通信方式與插件建立連接，并修改當(dāng)前網(wǎng)頁(yè)標(biāo)簽頁(yè)的標(biāo)題發(fā)送給插件，插件根據(jù)標(biāo)簽頁(yè)標(biāo)題從頂級(jí)窗口中定位到瀏覽器窗口，定位成功后，js腳本便可以發(fā)送視頻播放指令以及視頻待顯示的位置坐標(biāo)。插件收到播放指令后，在指定位置創(chuàng)建視頻播放窗口，并將視頻播放窗口的z序設(shè)置在瀏覽器窗口之上，使視頻播放窗口覆蓋在瀏覽器頁(yè)面指定位置之上，從而實(shí)現(xiàn)web網(wǎng)頁(yè)內(nèi)的插件式視頻播放。但是這些方法都僅基于傳統(tǒng)桌面瀏覽器實(shí)現(xiàn)，沒(méi)有考慮到對(duì)于內(nèi)嵌瀏覽器的適配。現(xiàn)今應(yīng)用方越來(lái)越重視產(chǎn)品的多渠道訪問(wèn)特性，即用戶無(wú)論是通過(guò)瀏覽器直接訪問(wèn)網(wǎng)頁(yè)，還是通過(guò)客戶端應(yīng)用訪問(wèn)，都能一致地訪問(wèn)產(chǎn)品的功能和內(nèi)容，而在客戶端應(yīng)用中常使用內(nèi)嵌瀏覽器加載網(wǎng)頁(yè)的方法來(lái)實(shí)現(xiàn)與瀏覽器直接訪問(wèn)一樣的功能和內(nèi)容，因此如何更好地實(shí)現(xiàn)適配內(nèi)嵌瀏覽器的視頻插件服務(wù)成為亟待解決的問(wèn)題。
技術(shù)實(shí)現(xiàn)思路
1、鑒于以上現(xiàn)有技術(shù)的不足，專(zhuān)利技術(shù)的目的在于提供一種實(shí)現(xiàn)視頻插件服務(wù)的方法及系統(tǒng)。
2、本專(zhuān)利技術(shù)的第一方面，提出了一種實(shí)現(xiàn)視頻插件服務(wù)的方法，包括：s1，在web頁(yè)面引入js腳本的情況下，確定web頁(yè)面js的訪問(wèn)環(huán)境；s2，在所述訪問(wèn)環(huán)境為內(nèi)嵌瀏覽器的情況下，所述web頁(yè)面js基于調(diào)用js橋接的方式啟動(dòng)視頻插件服務(wù)，以及在所述web頁(yè)面js與所述視頻插件服務(wù)建立websocket通道的情況下，將所述內(nèi)嵌瀏覽器的窗口句柄發(fā)送至所述視頻插件服務(wù)；s3，所述視頻插件服務(wù)根據(jù)所述窗口句柄定位內(nèi)嵌瀏覽器窗口和監(jiān)聽(tīng)其窗口狀態(tài)變化事件；s4，在所述視頻插件服務(wù)接收到視頻播放指令和視頻播放區(qū)域的布局?jǐn)?shù)據(jù)的情況下，根據(jù)所述內(nèi)嵌瀏覽器的窗口狀態(tài)和所述布局?jǐn)?shù)據(jù)確定視頻播放窗口的布局。
3、進(jìn)一步地，在所述訪問(wèn)環(huán)境為內(nèi)嵌瀏覽器的情況下，確定客戶端應(yīng)用已被啟動(dòng)，且所述客戶端應(yīng)用保存所述內(nèi)嵌瀏覽器的窗口句柄，并向所述web頁(yè)面注冊(cè)地址變化監(jiān)聽(tīng)、js橋接模塊；其中，所述web頁(yè)面js調(diào)用js橋接的條件包括：所述客戶端應(yīng)用基于動(dòng)態(tài)監(jiān)聽(tīng)所述web頁(yè)面的域名；在接收到地址變化事件的情況下，基于所述web頁(yè)面的域名，向所述web頁(yè)面js提供所述js橋接。
4、進(jìn)一步地，所述web頁(yè)面js基于調(diào)用js橋接的方式啟動(dòng)視頻插件服務(wù)，包括：客戶端應(yīng)用啟動(dòng)視頻插件js橋接方法被調(diào)用，其中，所述客戶端應(yīng)用啟動(dòng)視頻插件js橋接方法被調(diào)用，包括：所述客戶端應(yīng)用基于啟動(dòng)參數(shù)啟動(dòng)所述視頻插件服務(wù)，其中所述啟動(dòng)參數(shù)包括目標(biāo)端口號(hào)、唯一標(biāo)識(shí)符、日志路徑。
5、進(jìn)一步地，還包括：在所述視頻插件服務(wù)啟動(dòng)的情況下，所述web頁(yè)面js從客戶端應(yīng)用中獲取端口號(hào)和所述內(nèi)嵌瀏覽器的窗口句柄；其中，所述web頁(yè)面js基于所述端口號(hào)與所述視頻插件服務(wù)建立websocket通道。
6、進(jìn)一步地，還包括：所述web頁(yè)面js獲取客戶端應(yīng)用的非網(wǎng)頁(yè)內(nèi)容顯示區(qū)域大小；所述web頁(yè)面js基于所述客戶端應(yīng)用的非網(wǎng)頁(yè)內(nèi)容顯示區(qū)域大小確定所述視頻播放區(qū)域的布局?jǐn)?shù)據(jù)，并將所述視頻播放區(qū)域的布局?jǐn)?shù)據(jù)發(fā)送至所述視頻插件服務(wù)，其中所述布局?jǐn)?shù)據(jù)包括屏幕坐標(biāo)和大小。
7、進(jìn)一步地，還包括：在檢測(cè)到客戶端應(yīng)用退出的情況下，所述視頻插件服務(wù)執(zhí)行程序退出方法；在檢測(cè)到所述視頻插件服務(wù)異常退出的情況下，所述客戶端應(yīng)用被觸發(fā)后取消，并基于所述js橋接通知所述web頁(yè)面js顯示視頻插件服務(wù)退出的用戶提示頁(yè)面。
8、進(jìn)一步地，還包括：在所述訪問(wèn)環(huán)境為非內(nèi)嵌瀏覽器的情況下，所述web頁(yè)面js與所述視頻插件服務(wù)建立websocket通道；所述web頁(yè)面js將網(wǎng)頁(yè)標(biāo)題發(fā)送給所述視頻插件服務(wù)；所述視頻插件服務(wù)基于所述網(wǎng)頁(yè)標(biāo)題定位所述非內(nèi)嵌瀏覽器的窗口；在所述視頻插件服務(wù)接收到視頻播放指令和視頻播放區(qū)域的布局?jǐn)?shù)據(jù)的情況下，根據(jù)所述非內(nèi)嵌瀏覽器的窗口狀態(tài)和所述布局?jǐn)?shù)據(jù)確定視頻播放窗口的布局。
9、本專(zhuān)利技術(shù)的第二方面，提出了一種實(shí)現(xiàn)視頻插件服務(wù)的系統(tǒng)，包括：第一確定模塊，用于在web頁(yè)面引入js腳本的情況下，確定web頁(yè)面js的訪問(wèn)環(huán)境；啟動(dòng)和發(fā)送模塊，用于在所述訪問(wèn)環(huán)境為內(nèi)嵌瀏覽器的情況下，所述web頁(yè)面js基于調(diào)用js橋接的方式啟動(dòng)視頻插件服務(wù)，以及在所述web頁(yè)面js與所述視頻插件服務(wù)建立websocket通道的情況下，將所述內(nèi)嵌瀏覽器的窗口句柄發(fā)送至所述視頻插件服務(wù)；監(jiān)聽(tīng)模塊，用于所述視頻插件服務(wù)根據(jù)所述窗口句柄定位內(nèi)嵌瀏覽器窗口和監(jiān)聽(tīng)其窗口狀態(tài)變化事件；第二確定模塊，用于在所述視頻插件服務(wù)接收到視頻播放指令和視頻播放區(qū)域的布局?jǐn)?shù)據(jù)的情況下，根據(jù)所述內(nèi)嵌瀏覽器的窗口狀態(tài)和所述布局?jǐn)?shù)據(jù)確定視頻播放窗口的布局。
10、本專(zhuān)利技術(shù)的第三方面，提出了一種電子設(shè)備，包括：至少一個(gè)處理器；以及與所述至少一個(gè)處理器通信連接的存儲(chǔ)器；其中，所述存儲(chǔ)器存儲(chǔ)有可被所述至少一個(gè)處理器執(zhí)行的指令，所述指令被所述至少一個(gè)處理器執(zhí)行，以使所述至少一個(gè)處理器能夠執(zhí)行本專(zhuān)利技術(shù)第一方面中任一項(xiàng)所述的方法。
11、本專(zhuān)利技術(shù)的第四方面，提出了一種存儲(chǔ)有計(jì)算機(jī)指令的非瞬時(shí)計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)，其中，所述計(jì)算機(jī)指令用于使所述計(jì)算機(jī)執(zhí)行本專(zhuān)利技術(shù)第一方面中任一項(xiàng)所述的方法。
12、本專(zhuān)利技術(shù)有益效果如下：
13、本專(zhuān)利技術(shù)所述的實(shí)現(xiàn)視頻插件服務(wù)的方法及系統(tǒng)，在web頁(yè)面引入js腳本的情況下，確定web頁(yè)面js的訪問(wèn)環(huán)境；在訪問(wèn)環(huán)境為內(nèi)嵌瀏覽器的情況下，web頁(yè)面js基于調(diào)用js橋接的方式啟動(dòng)視頻插件服務(wù)，以及在web頁(yè)面js與視頻插件服務(wù)建立websocket通道的情況下，將內(nèi)嵌瀏覽器的窗口句柄發(fā)送至視頻插件服務(wù)；視頻插件服務(wù)根據(jù)窗口句柄定位內(nèi)嵌瀏覽器窗口和監(jiān)聽(tīng)其窗口狀態(tài)變化；在視頻插件服務(wù)接收到視頻播放指令和視頻播放區(qū)域的布局?jǐn)?shù)據(jù)的情況下，根據(jù)內(nèi)嵌瀏覽器的窗口狀態(tài)和布局?jǐn)?shù)據(jù)確定視頻播放窗口的布局。該方法通過(guò)視頻插件服務(wù)根據(jù)內(nèi)嵌瀏覽器的窗口句柄，監(jiān)聽(tīng)內(nèi)嵌瀏覽器的顯示、隱藏、最小化、最大化等窗口狀態(tài)改變事件，令視頻播放窗口保持與內(nèi)嵌瀏覽器窗口一致的顯示、隱藏等窗口狀態(tài)，確保了視頻播放窗口能夠正確地嵌入到web頁(yè)面中；通過(guò)js獲取客戶端應(yīng)用的非網(wǎng)頁(yè)顯示區(qū)域的布局信息，經(jīng)計(jì)算后獲得待顯示的視頻播放區(qū)域的屏幕坐標(biāo)等布局信息，從而確保視頻播放窗口正確地顯示在期望位置，實(shí)現(xiàn)實(shí)時(shí)調(diào)整視頻窗口的布局。這種動(dòng)態(tài)調(diào)整能力使得視頻插件能夠適應(yīng)不同的屏幕尺寸和分辨率，提供了更好的用戶體驗(yàn)。
本文檔來(lái)自技高網(wǎng)...【技術(shù)保護(hù)點(diǎn)】
1.一種實(shí)現(xiàn)視頻插件服務(wù)的方法，其特征在于，包括：
2.根據(jù)權(quán)利要求1所述的實(shí)現(xiàn)視頻插件服務(wù)的方法，其特征在于，在所述訪問(wèn)環(huán)境為內(nèi)嵌瀏覽器的情況下，確定客戶端應(yīng)用已被啟動(dòng)，且所述客戶端應(yīng)用保存所述內(nèi)嵌瀏覽器的窗口句柄，并向所述Web頁(yè)面注冊(cè)地址變化監(jiān)聽(tīng)、JS橋接模塊；
3.根據(jù)權(quán)利要求1所述的實(shí)現(xiàn)視頻插件服務(wù)的方法，其特征在于，所述Web頁(yè)面JS基于調(diào)用JS橋接的方式啟動(dòng)視頻插件服務(wù)，包括：客戶端應(yīng)用啟動(dòng)視頻插件JS橋接方法被調(diào)用，其中，
4.根據(jù)權(quán)利要求1所述的實(shí)現(xiàn)視頻插件服務(wù)的方法，其特征在于，還包括：
5.根據(jù)權(quán)利要求1所述的實(shí)現(xiàn)視頻插件服務(wù)的方法，其特征在于，還包括：
6.根據(jù)權(quán)利要求1所述的實(shí)現(xiàn)視頻插件服務(wù)的方法，其特征在于，還包括：
7.根據(jù)權(quán)利要求1所述的實(shí)現(xiàn)視頻插件服務(wù)的方法，其特征在于，還包括：
8.一種實(shí)現(xiàn)視頻插件服務(wù)的系統(tǒng)，其特征在于，包括：
9.一種電子設(shè)備，其特征在于，包括：
10.一種存儲(chǔ)有計(jì)算機(jī)指令的非瞬時(shí)計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)，其特征在于，所述計(jì)
...【技術(shù)特征摘要】
1.一種實(shí)現(xiàn)視頻插件服務(wù)的方法，其特征在于，包括：
2.根據(jù)權(quán)利要求1所述的實(shí)現(xiàn)視頻插件服務(wù)的方法，其特征在于，在所述訪問(wèn)環(huán)境為內(nèi)嵌瀏覽器的情況下，確定客戶端應(yīng)用已被啟動(dòng)，且所述客戶端應(yīng)用保存所述內(nèi)嵌瀏覽器的窗口句柄，并向所述web頁(yè)面注冊(cè)地址變化監(jiān)聽(tīng)、js橋接模塊；
3.根據(jù)權(quán)利要求1所述的實(shí)現(xiàn)視頻插件服務(wù)的方法，其特征在于，所述web頁(yè)面js基于調(diào)用js橋接的方式啟動(dòng)視頻插件服務(wù)，包括：客戶端應(yīng)用啟動(dòng)視頻插件js橋接方法被調(diào)用，其中，
4.根據(jù)權(quán)利要求1所述的實(shí)現(xiàn)視頻插件服務(wù)的方法，其...
【專(zhuān)利技術(shù)屬性】
技術(shù)研發(fā)人員：陳若凡，鄧健喆，
申請(qǐng)(專(zhuān)利權(quán))人：天翼視聯(lián)科技有限公司，
類(lèi)型：發(fā)明
國(guó)別省市：
還沒(méi)有人留言評(píng)論。發(fā)表了對(duì)其他瀏覽者有用的留言會(huì)獲得科技券。