VideoTileProps interface

套件:

@azure/communication-react

VideoTile的 Props。

屬性

children	React子元件。 子元件會顯示為 VideoTile 中的重迭元件。
displayName	顯示要顯示在標籤中的參與者名稱。
initialsName	用來產生縮寫的參與者名稱。 例如，名稱 John Doe 會顯示 JD 為縮寫。
isMirrored	判斷視訊是否已鏡像。
isMuted	視訊是否靜音。
isSpeaking	videoTile 中的參與者是否正在說話。 顯示說話指標 (框線) 。
noVideoAvailableAriaLabel	如果沒有可用的資料流程，選擇性屬性可設定視訊磚的 aria 標籤。
onRenderPlaceholder	沒有視訊的自訂轉譯元件函式可供使用。 如果未定義，請轉譯角色圖示。
personaMaxSize	px 中個人虛擬人偶的大小上限。 當沒有視訊串流可用時，角色虛擬人偶是顯示的預設預留位置。 如需詳細資訊，請參閱＜https://developer.microsoft.com/en-us/fluentui#/controls/web/persona＞。
personaMinSize	px 中角色虛擬人偶的大小下限。 當沒有視訊串流可用時，角色虛擬人偶是顯示的預設預留位置。 如需詳細資訊，請參閱＜https://developer.microsoft.com/en-us/fluentui#/controls/web/persona＞。
renderElement	具有視訊資料流程的元件。
showLabel	在 VideoTile 上顯示標籤
showMuteIndicator	是否要在使用者的顯示名稱旁邊顯示靜音圖示。
styles	允許使用者傳入物件包含自訂 CSS 樣式。
userId	VideoTile 預留位置的使用者識別碼。

屬性詳細資料

children

React子元件。 子元件會顯示為 VideoTile 中的重迭元件。

children?: ReactNode

屬性值

ReactNode

displayName

顯示要顯示在標籤中的參與者名稱。

displayName?: string

屬性值

string

備註

displayName 如果未 initialsName 提供，則會用來產生虛擬人偶縮寫。

initialsName

用來產生縮寫的參與者名稱。 例如，名稱 John Doe 會顯示 JD 為縮寫。

initialsName?: string

屬性值

string

備註

displayName 如果未指定這個屬性，則會使用 。

isMirrored

判斷視訊是否已鏡像。

isMirrored?: boolean

屬性值

boolean

isMuted

視訊是否靜音。

isMuted?: boolean

屬性值

boolean

isSpeaking

videoTile 中的參與者是否正在說話。 顯示說話指標 (框線) 。

isSpeaking?: boolean

屬性值

boolean

noVideoAvailableAriaLabel

如果沒有可用的資料流程，選擇性屬性可設定視訊磚的 aria 標籤。

noVideoAvailableAriaLabel?: string

屬性值

string

onRenderPlaceholder

沒有視訊的自訂轉譯元件函式可供使用。 如果未定義，請轉譯角色圖示。

onRenderPlaceholder?: OnRenderAvatarCallback

屬性值

OnRenderAvatarCallback

personaMaxSize

px 中個人虛擬人偶的大小上限。 當沒有視訊串流可用時，角色虛擬人偶是顯示的預設預留位置。 如需詳細資訊，請參閱＜https://developer.microsoft.com/en-us/fluentui#/controls/web/persona＞。

personaMaxSize?: number

屬性值

number

personaMinSize

px 中角色虛擬人偶的大小下限。 當沒有視訊串流可用時，角色虛擬人偶是顯示的預設預留位置。 如需詳細資訊，請參閱＜https://developer.microsoft.com/en-us/fluentui#/controls/web/persona＞。

personaMinSize?: number

屬性值

number

renderElement

具有視訊資料流程的元件。

renderElement?: null | Element

屬性值

null | Element

showLabel

在 VideoTile 上顯示標籤

showLabel?: boolean

屬性值

boolean

showMuteIndicator

是否要在使用者的顯示名稱旁邊顯示靜音圖示。

showMuteIndicator?: boolean

屬性值

boolean

styles

允許使用者傳入物件包含自訂 CSS 樣式。

styles?: VideoTileStylesProps

屬性值

VideoTileStylesProps

userId

VideoTile 預留位置的使用者識別碼。

userId?: string

屬性值

string