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

申請號：	202110790645.X	申請日：	2021-07-13
公開（公告）號：	CN113691740A	公開（公告）日：	2021-11-23
發明（設計）人：	魏陳南;唐斌	申請（專利權）人：	稿定（廈門）科技有限公司
主分類號：	H04N5/262	分類號：	H04N5/262;G06F16/957;G06F16/958
代理公司：	廈門原創專利事務所(普通合伙) 35101	代理人：	黃巧香
地址：	361001 福建省廈門市***	國省代碼：	福建;35
權利要求書：	查看更多	說明書：	查看更多
摘要：
搜索關鍵詞：	一種移動網頁視頻背景處理方法系統儲存介質
鉆瓜網技術展會專利詞庫專利權人專利榜在售專利公布日期熱門專利

【說明書】：

本發明涉及一種移動端網頁視頻背景處理方法、系統、儲存介質，方法包含以下步驟：S1，獲取視頻文件及所述視頻文件的視頻格式類型，所述視頻格式類型包括第一視頻格式合集、第二視頻格式合集；S2，獲取瀏覽器userAgent屬性，若所述瀏覽器支持標準video元素且所述視頻格式類型屬于第一視頻格式合集，轉至步驟S3，其它，轉至步驟S4；S3，調用標準video元素播放所述視頻文件作為視頻背景；S4，將所述視頻文件解碼并逐幀繪制成多張圖片，按時序播放所述圖片作為視頻背景。本發明通過獲取瀏覽器userAgent屬性，對不同的瀏覽器采取不同的視頻處理策略。從而兼容移動端瀏覽器，實現網頁視頻背景。

技術領域

本發明涉及網頁視頻背景處理領域，具體指有一種移動端網頁視頻背景處理方法、系統、儲存介質。

背景技術

網頁視頻背景是瀏覽器以動態視頻作為文字、標題等的背景，呈現出動態效果。

目前移動端瀏覽器對于Web標準實現并不統一，使用原生的video元素實現網頁的視頻背景會有很多兼容性問題，諸如：視頻無法自動播放、視頻元素作為彈窗元素無法被覆蓋、無法隱藏播放按鈕、視頻會默認全屏播放等，從而導致網頁視頻背景在移動端瀏覽器失效。如圖1所示，圖1中左側的圖片為網頁視頻背景正常顯示的移動端截圖，中間和右邊的圖片為出現兼容性問題導致圖層錯位或無法自動播放出現的情況的移動端截圖。

針對上述的現有技術存在的問題設計一種移動端網頁視頻背景處理方法、系統、儲存介質是本發明研究的目的。

發明內容

針對上述現有技術存在的問題，本發明在于提供一種移動端網頁視頻背景處理方法、系統、儲存介質，能夠有效解決上述現有技術存在的問題。

本發明的技術方案是：

一種移動端網頁視頻背景處理方法，包含以下步驟：

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

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

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

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

進一步地，步驟S4中，所述視頻文件解碼并通過Canvas接口逐幀繪制成多張圖片。

進一步地，步驟S4中，所述將所述視頻文件解碼并逐幀繪制成多張圖片具體為：

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