[發明專利]一種移動端網頁視頻背景處理方法、系統、儲存介質

在審

• 申請號: 202110790645.X
• 申請日: 2021-07-13
• 公開（公告）號: CN113691740A
• 公開（公告）日: 2021-11-23
• 發明（設計）人: 魏陳南;唐斌
• 申請（專利權）人: 稿定（廈門）科技有限公司
• 主分類號: H04N5/262
• 分類號: H04N5/262;G06F16/957;G06F16/958
• 代理公司: 廈門原創專利事務所(普通合伙) 35101
• 代理人: 黃巧香

1.一種移動端網頁視頻背景處理方法，其特征在于：包含以下步驟：

S1，獲取視頻文件及所述視頻文件的視頻格式類型，所述視頻格式類型包括第一視頻格式合集、第二視頻格式合集；

S2，獲取瀏覽器userAgent屬性，判斷所述瀏覽器是否支持標準video元素且所述視頻格式類型屬于第一視頻格式合集，若是則轉至步驟S3，若否則轉至步驟S4；

S3，調用標準video元素播放所述視頻文件作為視頻背景；

S4，將所述視頻文件解碼并逐幀繪制成多張圖片，按時序播放所述圖片作為視頻背景。

2.根據權利要求1所述的一種移動端網頁視頻背景處理方法，其特征在于：步驟S4中，所述視頻文件解碼并通過Canvas接口逐幀繪制成多張圖片。

3.根據權利要求1-2任意一條所述的一種移動端網頁視頻背景處理方法，其特征在于：步驟S4中，所述將所述視頻文件解碼并逐幀繪制成多張圖片具體為：

對所述瀏覽器進行瀏覽器能力檢測，選用瀏覽器支持且合適的瀏覽器接口將所述視頻文件解碼并逐幀繪制成多張圖片。

4.根據權利要求3所述的一種移動端網頁視頻背景處理方法，其特征在于：對所述瀏覽器進行瀏覽器能力檢測，獲取所述瀏覽器對Web Workers接口、WebGL接口的支持支持情況。

5.根據權利要求4所述的一種移動端網頁視頻背景處理方法，其特征在于：所述選用瀏覽器支持且合適的瀏覽器接口具體為：

若所述瀏覽器不支持所述Web Workers接口也不支持所述WebGL接口，選用所述瀏覽器的Canvas 2d接口；

若所述瀏覽器不支持所述Web Workers接口、支持所述WebGL接口，選用所述瀏覽器的Canvas WebGI接口；

若所述瀏覽器支持所述Web Workers接口、不支持所述WebGL接口，選用所述瀏覽器的Canvas 2d接口；

若所述瀏覽器支持所述Web Workers接口也支持所述WebGL接口，選用所述瀏覽器的Canvas WebGI接口。

6.根據權利要求5所述的一種移動端網頁視頻背景處理方法，其特征在于：進一步地，

若所述瀏覽器不支持所述Web Workers接口，所述瀏覽器通過主程序解碼所述視頻文件；

若所述瀏覽器支持所述Web Workers接口，所述瀏覽器通過Web Workers接口解碼所述視頻文件。

7.根據權利要求5所述的一種移動端網頁視頻背景處理方法，其特征在于：所述CanvasWebGI接口通過GPU渲染。

8.根據權利要求5所述的一種移動端網頁視頻背景處理方法，其特征在于：所述第一視頻格式合集至少包含MP4格式，所述第二視頻格式合集至少包含TS格式。

9.一種移動端網頁視頻背景處理系統，其特征在于：包含：

獲取模塊，用于獲取視頻文件及所述視頻文件的視頻格式類型，所述視頻格式類型包括第一視頻格式合集、第二視頻格式合集；

瀏覽器屬性判斷模塊，用于獲取瀏覽器userAgent屬性，判斷所述瀏覽器是否支持標準video元素且所述視頻格式類型屬于第一視頻格式合集，若是則轉至步驟S3，若否則轉至步驟S4；

標準video元素播放模塊，用于若所述瀏覽器支持標準video元素，調用標準video元素播放所述視頻文件作為視頻背景；

繪圖播放模塊，用于若所述瀏覽器不支持標準video元素，將所述視頻文件解碼并逐幀繪制成多張圖片，按時序播放所述圖片作為視頻背景。

10.一種計算機可讀存儲介質，存儲有計算機程序，其特征在于，所述計算機程序被處理器執行時實現權利要求1中所述的網頁視頻背景處理處理方法。