[發明專利]一種可視化大屏接入視頻會議界面的方法

在審

• 申請號: 202011491835.3
• 申請日: 2020-12-17
• 公開（公告）號: CN112579940A
• 公開（公告）日: 2021-03-30
• 發明（設計）人: 王文彥;劉明;李建強;洪國棟
• 申請（專利權）人: 北京航天云路有限公司
• 主分類號: G06F16/957
• 分類號: G06F16/957;H04N7/15
• 代理公司: 北京紐樂康知識產權代理事務所(普通合伙) 11210
• 代理人: 秦月貞

本發明公開了一種可視化大屏接入視頻會議界面的方法，該方法包括：根據頁面布局進行分析，判斷會議模式所需的縮放比例；根據會議模式變化區間包裹一層div元素，添加id進行會議模式頁面切換；創建會議事件，通過JavaScript腳本語言包裹會議模式變化區間的div元素；基于CSS3樣式表文件，通過給div元素添加父元素，獲取會議模式下的顯示效果；判斷存儲記錄是否為會議模式，運行打開頁面為展示網頁樣式表。本發明的有益效果：本申請基于javaScript運行在瀏覽器上的腳本語言，采用可視化大屏，使用放置在腳本文件中的CSS3中的不同模塊，實現一套代碼在不同的模塊之間靈活切換，生成的目標模塊不影響頁面內容的完整展示，同時簡化開發代碼量，提高了前端開發的工作效率。

技術領域

本發明涉及計算機前端開發技術領域，具體來說，涉及一種可視化大屏接入視頻會議界面的方法。

背景技術

CSS3是CSS（層疊樣式表）技術的升級版本，于1999年開始制訂，2001年5月23日W3C完成了CSS3的工作草案，主要包括盒子模型、列表模塊、語言模塊、背景和邊框、文字特效、多欄布局等模塊。

ECMAScript是一種由Ecma國際，通過ECMA-262標準化的腳本程序設計語言，這種語言在萬維網上應用廣泛，它往往被稱為JavaScript或JSscript，所以它可以理解為是JavaScript的一個標準,但實際上后兩者是ECMA-262標準的實現和擴展。

運用CSS3和javaScript技術解決大屏展示中的不同場景的應用。

發明內容

針對相關技術中的上述技術問題，本發明提出一種可視化大屏接入視頻會議界面的方法，能夠解決在固定寬高的大數據可視化展示屏幕上，嵌入視頻會議等會議窗口，且在內容及布局上不影響原有展示效果。

為實現上述技術目的，本發明的技術方案是這樣實現的：一種可視化大屏接入視頻會議界面的方法，該方法包含以下步驟：

S1 根據頁面布局進行分析，判斷會議模式所需的縮放比例；

S2 根據會議模式變化區間包裹一層div元素，添加id進行會議模式頁面切換；

S3創建會議事件，通過JavaScript腳本語言包裹會議模式變化區間的div元素；

S4 基于CSS3樣式表文件，通過給div元素添加父元素，獲取會議模式下的顯示效果；

S5 判斷存儲記錄是否為會議模式，運行打開頁面為展示網頁樣式表。

進一步地，所述S1中頁面布局進一步包含：

S1.1基于原始尺寸頁面，分析會議模式啟動或關閉，若會議模式啟動狀態，則記錄會議模式布局；

S1.2分析會議模式為關閉狀態，則記錄原始頁面布局；

S1.3 根據會議模式布局，確定會議模式比例和原始頁面布局固定尺寸。

進一步地，所述S2中會議模式變化區間進一步包含：

S2.1 基于div元素設置分類定義CSS3樣式，相同的類設置相同樣式表，不同的類設置不同的樣式表；

S2.2 添加id創建按鈕標簽，并進行會議模式的頁面大小切換。

進一步地，所述S3中會議事件進一步包含：

S3.1 會議事件生成會議按鈕，點擊會議按鈕后，通過JavaScript腳本語言添加active類名。

進一步地，所述S4中CSS3樣式表進一步包含:

S4.1通過盒子模型對CSS3元素的寬度和高度的屬性空間放置，所述屬性為邊距、邊框、填充和實際內容；

S4.2列表模塊，根據模塊定義的元素，使用不同類型的列表結構；

S4.3語言模塊，CSS3語言中的元素選擇器分別由基本選擇器、層次選擇器、偽類選擇器、偽元素選擇器和屬性選擇器；