在瀏覽器中播放視頻的方法和裝置的制造方法
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及視頻播放領(lǐng)域，具體而言，涉及一種在瀏覽器中播放視頻的方法和裝置。
【背景技術(shù)】
[0002]隨著視頻播放需求的不斷增多，存在一種視頻閃屏需求，即瀏覽器網(wǎng)頁(yè)頁(yè)面打開時(shí)需要自動(dòng)播放視頻，并在該視頻播放完畢后在網(wǎng)頁(yè)頁(yè)面中自動(dòng)消失，比如網(wǎng)頁(yè)頁(yè)面中嵌入動(dòng)態(tài)廣告視頻。對(duì)于視頻閃屏需求，現(xiàn)有技術(shù)通常采用渲染并加載視頻，自動(dòng)播放視頻后將其進(jìn)行移除的方式，但是，該方式由于受到視頻文件大小或者網(wǎng)絡(luò)時(shí)延等因素的影響，在打開頁(yè)面加載視頻時(shí)頁(yè)面會(huì)出現(xiàn)黑屏現(xiàn)象，待視頻加載完成后直接從黑屏跳轉(zhuǎn)至播放畫面，畫面跳變明顯，嚴(yán)重影響用戶觀看體驗(yàn)?，F(xiàn)有技術(shù)還可以采用逐幀加載并播放視頻的方式，即在打開頁(yè)面至加載并播放視頻的第一幀圖片，與此同時(shí)異步加載其他視頻幀，待視頻的所有幀全部播放完畢后將其進(jìn)行移除。這種方式工作量較大，需要較多的設(shè)計(jì)資源，前端工作也需要大量的調(diào)試來(lái)調(diào)整視頻幀的加載和播放。此外，現(xiàn)有技術(shù)在視頻播放完畢后通常采用淡出的方式將其移除，該方式會(huì)提前暴露頁(yè)面內(nèi)容，嚴(yán)重影響用戶體驗(yàn)。
[0003]針對(duì)上述的問題，目前尚未提出有效的解決方案。

【發(fā)明內(nèi)容】

[0004]本發(fā)明實(shí)施例提供了一種在瀏覽器中播放視頻的方法和裝置，以至少解決相關(guān)技術(shù)在打開網(wǎng)頁(yè)頁(yè)面自動(dòng)加載播放視頻時(shí)頁(yè)面出現(xiàn)黑屏現(xiàn)象影響用戶觀看體驗(yàn)的技術(shù)問題。
[0005]根據(jù)本發(fā)明實(shí)施例的一個(gè)方面，提供了一種在瀏覽器中播放視頻的方法，包括:在瀏覽器中接收到用于請(qǐng)求加載第一視頻的加載請(qǐng)求;響應(yīng)加載請(qǐng)求在瀏覽器中加載并顯示第一蒙版;在瀏覽器中加載第一視頻的視頻資源，并在開始播放第一視頻的視頻資源時(shí)在瀏覽器中取消對(duì)第一蒙版的顯示。
[0006]根據(jù)本發(fā)明實(shí)施例的另一方面，還提供了一種在瀏覽器中播放視頻的裝置，包括:接收模塊，用于在瀏覽器中接收到用于請(qǐng)求加載第一視頻的加載請(qǐng)求;第一加載模塊，用于響應(yīng)加載請(qǐng)求在瀏覽器中加載并顯示第一蒙版;第二加載模塊，用于在瀏覽器中加載第一視頻的視頻資源，并在開始播放第一視頻的視頻資源時(shí)在瀏覽器中取消對(duì)第一蒙版的顯不O
[0007]在本發(fā)明實(shí)施例中，采用在瀏覽器中接收到用于請(qǐng)求加載第一視頻的加載請(qǐng)求；響應(yīng)加載請(qǐng)求在瀏覽器中加載并顯示第一蒙版;在瀏覽器中加載第一視頻的視頻資源，并在開始播放第一視頻的視頻資源時(shí)在瀏覽器中取消對(duì)第一蒙版的顯示的方式，通過(guò)在加載視頻時(shí)加載用于遮擋視頻的蒙版，在加載視頻時(shí)顯示蒙版，待開始播放視頻時(shí)取消顯示蒙版，達(dá)到了避免打開頁(yè)面視頻加載時(shí)頁(yè)面出現(xiàn)黑屏的目的，從而實(shí)現(xiàn)了提高用戶觀看效果，提高用戶觀看體驗(yàn)的技術(shù)效果，進(jìn)而解決了相關(guān)技術(shù)在打開網(wǎng)頁(yè)頁(yè)面自動(dòng)加載播放視頻時(shí)頁(yè)面出現(xiàn)黑屏現(xiàn)象影響用戶觀看體驗(yàn)的技術(shù)問題。
【附圖說(shuō)明】
[0008]此處所說(shuō)明的附圖用來(lái)提供對(duì)本發(fā)明的進(jìn)一步理解，構(gòu)成本申請(qǐng)的一部分，本發(fā)明的示意性實(shí)施例及其說(shuō)明用于解釋本發(fā)明，并不構(gòu)成對(duì)本發(fā)明的不當(dāng)限定。在附圖中:
[0009]圖1是本發(fā)明實(shí)施例的一種在瀏覽器中播放視頻的方法的計(jì)算機(jī)終端的硬件結(jié)構(gòu)框圖；
[0010]圖2是根據(jù)本發(fā)明實(shí)施例的在瀏覽器中播放視頻的方法的流程圖；
[0011]圖3是根據(jù)本發(fā)明一種優(yōu)選實(shí)施例的在瀏覽器中播放視頻的方法的流程圖；
[0012]圖4是根據(jù)本發(fā)明實(shí)施例的在瀏覽器中播放視頻的裝置的示意圖；
[0013]圖5是根據(jù)本發(fā)明實(shí)施例的一種可選的在瀏覽器中播放視頻的裝置的示意圖；
[0014]圖6是根據(jù)本發(fā)明實(shí)施例的另一種可選的在瀏覽器中播放視頻的裝置的示意圖；
[0015]圖7是根據(jù)本發(fā)明實(shí)施例的再一種可選的在瀏覽器中播放視頻的裝置的示意圖；
[0016]圖8是根據(jù)本發(fā)明實(shí)施例的又一種可選的在瀏覽器中播放視頻的裝置的示意圖；以及
[0017]圖9是根據(jù)本發(fā)明實(shí)施例的一種計(jì)算機(jī)終端的結(jié)構(gòu)框圖。
【具體實(shí)施方式】
[0018]為了使本技術(shù)領(lǐng)域的人員更好地理解本發(fā)明方案，下面將結(jié)合本發(fā)明實(shí)施例中的附圖，對(duì)本發(fā)明實(shí)施例中的技術(shù)方案進(jìn)行清楚、完整地描述，顯然，所描述的實(shí)施例僅僅是本發(fā)明一部分的實(shí)施例，而不是全部的實(shí)施例?；诒景l(fā)明中的實(shí)施例，本領(lǐng)域普通技術(shù)人員在沒有做出創(chuàng)造性勞動(dòng)前提下所獲得的所有其他實(shí)施例，都應(yīng)當(dāng)屬于本發(fā)明保護(hù)的范圍。
[0019]需要說(shuō)明的是，本發(fā)明的說(shuō)明書和權(quán)利要求書及上述附圖中的術(shù)語(yǔ)“第一”、“第二”等是用于區(qū)別類似的對(duì)象，而不必用于描述特定的順序或先后次序。應(yīng)該理解這樣使用的數(shù)據(jù)在適當(dāng)情況下可以互換，以便這里描述的本發(fā)明的實(shí)施例能夠以除了在這里圖示或描述的那些以外的順序?qū)嵤?。此外，術(shù)語(yǔ)“包括”和“具有”以及他們的任何變形，意圖在于覆蓋不排他的包含，例如，包含了一系列步驟或單元的過(guò)程、方法、系統(tǒng)、產(chǎn)品或設(shè)備不必限于清楚地列出的那些步驟或單元，而是可包括沒有清楚地列出的或?qū)τ谶@些過(guò)程、方法、產(chǎn)品或設(shè)備固有的其它步驟或單元。
[0020]首先，在對(duì)本發(fā)明實(shí)施例進(jìn)行描述的過(guò)程中出現(xiàn)的部分名詞或術(shù)語(yǔ)適用于如下解釋:
[0021]瀏覽器，是指可以顯示網(wǎng)頁(yè)服務(wù)器或者文件系統(tǒng)的HTML文件內(nèi)容，并讓用戶與這些文件交互的一種軟件。
[0022]蒙版，是指選框的外部，選框的內(nèi)部就是選區(qū)，蒙版通俗含義為蒙在上面的板子，本發(fā)明實(shí)施例是指蒙在網(wǎng)頁(yè)頁(yè)面或者是頁(yè)面中某部分的遮罩。
[0023]實(shí)施例1
[0024]根據(jù)本發(fā)明實(shí)施例，還提供了一種在瀏覽器中播放視頻的方法的方法實(shí)施例，需要說(shuō)明的是，在附圖的流程圖示出的步驟可以在諸如一組計(jì)算機(jī)可執(zhí)行指令的計(jì)算機(jī)系統(tǒng)中執(zhí)行，并且，雖然在流程圖中示出了邏輯順序，但是在某些情況下，可以以不同于此處的順序執(zhí)行所示出或描述的步驟。
[0025]本申請(qǐng)實(shí)施例一所提供的方法實(shí)施例可以在移動(dòng)終端、計(jì)算機(jī)終端或者類似的運(yùn)算裝置中執(zhí)行。以運(yùn)行在計(jì)算機(jī)終端上為例，圖1是本發(fā)明實(shí)施例的一種在瀏覽器中播放視頻的方法的計(jì)算機(jī)終端的硬件結(jié)構(gòu)框圖。如圖1所示，計(jì)算機(jī)終端10可以包括一個(gè)或多個(gè)(圖中僅示出一個(gè))處理器102(處理器102可以包括但不限于微處理器M⑶或可編程邏輯器件FPGA等的處理裝置)、用于存儲(chǔ)數(shù)據(jù)的存儲(chǔ)器104、以及用于通信功能的傳輸裝置106。本領(lǐng)域普通技術(shù)人員可以理解，圖1所示的結(jié)構(gòu)僅為示意，其并不對(duì)上述電子裝置的結(jié)構(gòu)造成限定。例如，計(jì)算機(jī)終端10還可包括比圖1中所示更多或者更少的組件，或者具有與圖1所示不同的配置。
[0026]存儲(chǔ)器104可用于存儲(chǔ)應(yīng)用軟件的軟件程序以及模塊，如本發(fā)明實(shí)施例中的在瀏覽器中播放視頻的方法對(duì)應(yīng)的程序指令/模塊，處理器102通過(guò)運(yùn)行存儲(chǔ)在存儲(chǔ)器104內(nèi)的軟件程序以及模塊，從而執(zhí)行各種功能應(yīng)用以及數(shù)據(jù)處理，即實(shí)現(xiàn)上述的在瀏覽器中播放視頻的方法。存儲(chǔ)器104可包括高速隨機(jī)存儲(chǔ)器，還可包括非易失性存儲(chǔ)器，如一個(gè)或者多個(gè)磁性存儲(chǔ)裝置、閃存、或者其他非易失性固態(tài)存儲(chǔ)器。在一些實(shí)例中，存儲(chǔ)器104可進(jìn)一步包括相對(duì)于處理器102遠(yuǎn)程設(shè)置的存儲(chǔ)器，這些遠(yuǎn)程存儲(chǔ)器可以通過(guò)網(wǎng)絡(luò)連接至計(jì)算機(jī)終端10。上述網(wǎng)絡(luò)的實(shí)例包括但不限于互聯(lián)網(wǎng)、企業(yè)內(nèi)部網(wǎng)、局域網(wǎng)、移動(dòng)通信網(wǎng)及其組合。
[0027]傳輸裝置106用于經(jīng)由一個(gè)網(wǎng)絡(luò)接收或者發(fā)送數(shù)據(jù)。上述的網(wǎng)絡(luò)具體實(shí)例可包括計(jì)算機(jī)終端10的通信供應(yīng)商提供的無(wú)線網(wǎng)絡(luò)。在一個(gè)實(shí)例中，傳輸裝置106包括一個(gè)網(wǎng)絡(luò)適配器(Network Interface Controller，NIC)，其可通過(guò)基站與其他網(wǎng)絡(luò)設(shè)備相連從而可與互聯(lián)網(wǎng)進(jìn)行通訊。在一個(gè)實(shí)例中，傳輸裝置106可以為射頻(Rad1 Frequency，RF)模塊，其用于通過(guò)無(wú)線方式與互聯(lián)網(wǎng)進(jìn)行通訊。
[0028]在上述運(yùn)行環(huán)境下，本申請(qǐng)?zhí)峁┝巳鐖D2所示的在瀏覽器中播放視頻的方法。圖2是根據(jù)本發(fā)明實(shí)施例的在瀏覽器中播放視頻的方法的流程圖。
[0029]如圖2所示，該實(shí)施例的在瀏覽器中播放視頻的方法可以包括以下步驟:
[0030]步驟S12，在瀏覽器中接收到用于請(qǐng)求加載第一視頻的加載請(qǐng)求。
[0031]在步驟S12提供的技術(shù)方案中，瀏覽器可以是任意一種類型或者版本的瀏覽器，本發(fā)明實(shí)施例并未對(duì)瀏覽器作具體限定。第一視頻可以是在瀏覽器網(wǎng)頁(yè)頁(yè)面打開時(shí)自動(dòng)加載并播放的視頻