Condividi tramite

VideoTileProps interface

  • Riferimento
Pacchetto:
@azure/communication-react

Proprietà per VideoTile.

Proprietà

children

React componenti figlio. I componenti figlio verranno visualizzati come componente di sovrimpressione in VideoTile.
displayName

Nome visualizzato del partecipante da visualizzare nell'etichetta.
initialsName

Nome del partecipante utilizzato per generare le iniziali. Ad esempio, un nome John Doe verrà visualizzato JD come iniziali.
isMirrored

Determina se il video è con mirroring o meno.
isMuted

Indica se il video è disattivato o meno.
isSpeaking

Indica se il partecipante al videoTile sta parlando. Mostra un indicatore di pronuncia (bordo).
noVideoAvailableAriaLabel

Proprietà facoltativa per impostare l'etichetta aria del riquadro video se non è disponibile alcun flusso.
onRenderPlaceholder

Funzione componente di rendering personalizzata per nessun video disponibile. Eseguire il rendering di un'icona persona se non definita.
personaMaxSize

Dimensioni massime dell'avatar personale in px. L'avatar persona è il segnaposto predefinito visualizzato quando non è disponibile alcun flusso video. Per ulteriori informazioni, vedere https://developer.microsoft.com/en-us/fluentui#/controls/web/persona.
personaMinSize

Dimensioni minime dell'avatar persona in px. L'avatar persona è il segnaposto predefinito visualizzato quando non è disponibile alcun flusso video. Per ulteriori informazioni, vedere https://developer.microsoft.com/en-us/fluentui#/controls/web/persona.
renderElement

Componente con il flusso video.
showLabel

Mostra etichetta in VideoTile
showMuteIndicator

Indica se visualizzare un'icona di disattivazione accanto al nome visualizzato dell'utente.
styles

Consente agli utenti di passare un oggetto contenente stili CSS personalizzati.
userId

ID utente per il segnaposto VideoTile.

Dettagli proprietà

children

React componenti figlio. I componenti figlio verranno visualizzati come componente di sovrimpressione in VideoTile.

children?: ReactNode

Valore della proprietà

ReactNode

displayName

Nome visualizzato del partecipante da visualizzare nell'etichetta.

displayName?: string

Valore della proprietà

string

Commenti

displayName viene usato per generare iniziali avatar se initialsName non viene specificato.

initialsName

Nome del partecipante utilizzato per generare le iniziali. Ad esempio, un nome John Doe verrà visualizzato JD come iniziali.

initialsName?: string

Valore della proprietà

string

Commenti

displayName viene utilizzato se questa proprietà non è specificata.

isMirrored

Determina se il video è con mirroring o meno.

isMirrored?: boolean

Valore della proprietà

boolean

isMuted

Indica se il video è disattivato o meno.

isMuted?: boolean

Valore della proprietà

boolean

isSpeaking

Indica se il partecipante al videoTile sta parlando. Mostra un indicatore di pronuncia (bordo).

isSpeaking?: boolean

Valore della proprietà

boolean

noVideoAvailableAriaLabel

Proprietà facoltativa per impostare l'etichetta aria del riquadro video se non è disponibile alcun flusso.

noVideoAvailableAriaLabel?: string

Valore della proprietà

string

onRenderPlaceholder

Funzione componente di rendering personalizzata per nessun video disponibile. Eseguire il rendering di un'icona persona se non definita.

onRenderPlaceholder?: OnRenderAvatarCallback

Valore della proprietà

OnRenderAvatarCallback

personaMaxSize

Dimensioni massime dell'avatar personale in px. L'avatar persona è il segnaposto predefinito visualizzato quando non è disponibile alcun flusso video. Per ulteriori informazioni, vedere https://developer.microsoft.com/en-us/fluentui#/controls/web/persona.

personaMaxSize?: number

Valore della proprietà

number

personaMinSize

Dimensioni minime dell'avatar persona in px. L'avatar persona è il segnaposto predefinito visualizzato quando non è disponibile alcun flusso video. Per ulteriori informazioni, vedere https://developer.microsoft.com/en-us/fluentui#/controls/web/persona.

personaMinSize?: number

Valore della proprietà

number

renderElement

Componente con il flusso video.

renderElement?: null | Element

Valore della proprietà

null | Element

showLabel

Mostra etichetta in VideoTile

showLabel?: boolean

Valore della proprietà

boolean

showMuteIndicator

Indica se visualizzare un'icona di disattivazione accanto al nome visualizzato dell'utente.

showMuteIndicator?: boolean

Valore della proprietà

boolean

styles

Consente agli utenti di passare un oggetto contenente stili CSS personalizzati.

styles?: VideoTileStylesProps

Valore della proprietà

VideoTileStylesProps

userId

ID utente per il segnaposto VideoTile.

userId?: string

Valore della proprietà

string