Zoom會議 Zoom Meeting Video

Zoom 直播會議元件

BRICKS TOOLS avatar
作者:BRICKS TOOLS
一週前已更新
  • Zoom Meeting Video 元件介紹

Zoom Meeting Video 元件顯示 Generator 中 Zoom Meeting 加入的會議並呈現於應用程式中,可用於製作需要多地同時視訊互動的需求。

此元件需和 Generator 的 ZoomMeeting 搭配才可實現直播會議,一個 Generator 可對應多個 Zoom Meeting Video 元件,可用於將 preview 及 share 的畫面以個別元件的方式呈現。

Zoom Meeting Video 元件在 Canvas 畫布上的呈現如同直播會議,也可以透過自定 Layout 佈局改變畫面編排。可透過多個元件的編排去呈現與 Zoom 會議 App 截然不同的多樣表現。

*iOS 系統目前僅支援 Generator ,無法在元件上呈現。加入 Generator 後並啟動後,會以全畫面覆蓋的形式呈現在畫面上,無法透過元件去設定畫面大小。


  • Frame 區塊

Frame 基本屬性和 Rect 方塊元件相同,詳細可參考方塊元件 Frame 區塊解說


  • Properties 區塊

文字輸入框元件的 Properties 基本屬性繼承方塊元件,詳細可參考方塊元件 Properties 區塊解說

*在 Zoom Meeting Video 元件下 Rect 的 Opacity 屬性無法影響透明度,因鏡頭畫面是覆蓋在 Rect 元件之上。

其他屬性解說如下:

*Zoom Meeting Video 中一個元件僅支援顯示一個 Preview 或一個 Share 的顯示。

Property Name

屬性名稱

Property Type

屬性形態

Description

說明

Layout

清單

設定直播會議室的畫面佈局。

  • 1on1:畫面以1對1的會議形式呈現

  • 4-grid:畫面以4格的排版形式呈現在畫面中

  • active-only:畫面以有說話人會保持在中央

  • active-share-only:畫面以有分享畫面的演講者保持在畫面中央

  • preview-only:僅以自已攝影鏡頭的畫面保持在中央

  • custom:依照自訂排版呈現,需搭配下一個項目做完整設定

Custom Layout

陣列

自訂會議室畫面佈局方式,Zoom 的限制為 preview 和 share 不能和 Camera 元件同時存在。

  • kind:設定畫面主要的呈現方式

    • active:以有說話的人為主

    • preview:以自己的鏡頭畫面為主

    • share:以 userIndex 設定的使用者畫面為主,若使用者未分享則為黑色

    • active-share:以有說話的分享畫面者為主

    • attendee:以特定的參與者為主,需搭配 userIndex 做指定

  • x:設定此組畫面的X座標起始位置

  • y:設定此組畫面的Y座標起始位置

  • width:設定此組畫面的寛度

  • height:設定此組畫面的高度

  • border:設定此組畫面的邊框厚度

  • showUsername:設定此組畫面上是否顯示使用者名稱

  • showAudiooff:設定此組畫面中的聲音是否開啟

  • userIndex:針對 share 及 attendee 指定特定使用者,數值從 0 開始

  • background:設定此組畫面的背景色


  • No Conference View Cases 區塊

Property Name

屬性名稱

Property Type

屬性形態

Description

說明

Text

String


字串


設定若未參加會議時顯示的文字內容。

Text Size

Number


數值


設定上列顯示文字的大小。

Text Color

String


字串


設定文字顏色,可直接點選色盤設定或透過輸入色碼進行設定,提供HEX、RGBA、HSLA三種選擇。


  • Properties - Border 區塊

基本邊框屬性和 Rect 方塊元件相同,詳細可參考方塊元件 Border 區塊解說


  • Animations 區塊

基本動畫事件屬性和 Rect 方塊元件相同,詳細可參考方塊元件 Animation 區塊解說


  • Events 區塊

基本事件屬性和 Rect 方塊元件相同,詳細可參考方塊元件 Event 區塊解說

其他事件說明如下:

若需要任何幫助,歡迎點擊右下角的對話圖示詢問,我們會盡快回覆您的問題

是否回答了您的問題?