VideoTileProps interface

Pacchetto:

@azure/communication-react

Proprietà per VideoTile.

Proprietà

alwaysShowLabelBackground	Mostra lo sfondo dell'etichetta sul VideoTile
children	Componenti React Child. I componenti figlio verranno visualizzati come componenti sovrapposti in VideoTile.
contextualMenu	Visualizza le voci di menu personalizzate nel menu contestuale di VideoTile. Usa l'interfaccia utente Fluent ContextualMenu. Verrà visualizzata un'icona con i puntini di sospensione per aprire il menu contestuale se questa proprietà è definita.
displayName	Nome visualizzato del partecipante da visualizzare nell'etichetta.
initialsName	Nome del partecipante utilizzato per generare le iniziali. Ad esempio, un nome John Doe visualizzerà JD come iniziali.
isMirrored	Determina se il video è con mirroring o meno.
isMuted	Indica se il video è disattivato o meno.
isPinned	Se true, il riquadro video mostrerà l'icona a forma di puntina.
isSpeaking	Indica se il partecipante al videoTile sta parlando. Mostra un indicatore di pronuncia (bordo).
isSpotlighted	Se true, il riquadro video mostrerà l'icona in evidenza.
mediaAccess	Stato di accesso ai file multimediali del partecipante.
noVideoAvailableAriaLabel	Proprietà facoltativa per impostare l'etichetta aria del riquadro video se non è disponibile alcun flusso.
onLongTouch	Richiamata attivata dal riquadro video al tocco e alla pressione prolungata.
onRenderPlaceholder	Funzione componente di rendering personalizzata per nessun video disponibile. Eseguire il rendering di un'icona persona se non definita.
overlay	Componente di sovrapposizione responsabile della reazione di rendering
participantState	Stato di connessione della chiamata del partecipante. Ad esempio, Hold significa che il partecipante è in attesa.
personaMaxSize	Dimensioni massime dell'avatar personale in px. L'avatar persona è il segnaposto predefinito visualizzato quando non è disponibile alcun flusso video. Per altre 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 altre informazioni, vedere https://developer.microsoft.com/en-us/fluentui#/controls/web/persona
raisedHand	Se il partecipante ha alzato la mano. Mostra un indicatore (bordo) e un'icona con l'ordine
reactionResources	URL e metadati delle risorse delle reazioni.
renderElement	Componente con il flusso video.
showLabel	Mostra etichetta in VideoTile
showMuteIndicator	Indica se visualizzare un'icona di disattivazione disattivata accanto al nome visualizzato dell'utente.
strings	Stringhe di cui eseguire l'override nel componente.
styles	Consente agli utenti di passare un oggetto contenente stili CSS personalizzati.
userId	ID utente per il segnaposto VideoTile.

Dettagli proprietà

alwaysShowLabelBackground

Mostra lo sfondo dell'etichetta sul VideoTile

alwaysShowLabelBackground?: boolean

Valore della proprietà

boolean

children

Componenti React Child. I componenti figlio verranno visualizzati come componenti sovrapposti in VideoTile.

children?: ReactNode

Valore della proprietà

ReactNode

contextualMenu

Visualizza le voci di menu personalizzate nel menu contestuale di VideoTile. Usa l'interfaccia utente Fluent ContextualMenu. Verrà visualizzata un'icona con i puntini di sospensione per aprire il menu contestuale se questa proprietà è definita.

contextualMenu?: IContextualMenuProps

Valore della proprietà

IContextualMenuProps

displayName

Nome visualizzato del partecipante da visualizzare nell'etichetta.

displayName?: string

Valore della proprietà

string

Commenti

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

initialsName

Nome del partecipante utilizzato per generare le iniziali. Ad esempio, un nome John Doe visualizzerà 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

isPinned

Se true, il riquadro video mostrerà l'icona a forma di puntina.

isPinned?: 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

isSpotlighted

Se true, il riquadro video mostrerà l'icona in evidenza.

isSpotlighted?: boolean

Valore della proprietà

boolean

mediaAccess

Stato di accesso ai file multimediali del partecipante.

mediaAccess?: MediaAccess

Valore della proprietà

MediaAccess

noVideoAvailableAriaLabel

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

noVideoAvailableAriaLabel?: string

Valore della proprietà

string

onLongTouch

Richiamata attivata dal riquadro video al tocco e alla pressione prolungata.

onLongTouch?: () => void

Valore della proprietà

() => void

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

overlay

Componente di sovrapposizione responsabile della reazione di rendering

overlay?: null | Element

Valore della proprietà

null | Element

participantState

Stato di connessione della chiamata del partecipante. Ad esempio, Hold significa che il partecipante è in attesa.

participantState?: ParticipantState

Valore della proprietà

ParticipantState

personaMaxSize

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

personaMinSize?: number

Valore della proprietà

number

raisedHand

Se il partecipante ha alzato la mano. Mostra un indicatore (bordo) e un'icona con l'ordine

raisedHand?: RaisedHand

Valore della proprietà

RaisedHand

reactionResources

URL e metadati delle risorse delle reazioni.

reactionResources?: ReactionResources

Valore della proprietà

ReactionResources

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 disattivata accanto al nome visualizzato dell'utente.

showMuteIndicator?: boolean

Valore della proprietà

boolean

strings

Stringhe di cui eseguire l'override nel componente.

strings?: VideoTileStrings

Valore della proprietà

VideoTileStrings

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