Partilhar via

VideoTileProps interface

  • Referência
Pacote:
@azure/communication-react

Props para VideoTile.

Propriedades

children

Componentes React Child. Componentes filho serão mostrados como componente de sobreposição no VideoTile.
displayName

Nome de exibição do Participante a ser mostrado no rótulo.
initialsName

Nome do participante usado para gerar iniciais. Por exemplo, um nome John Doe exibirá JD como iniciais.
isMirrored

Determina se o vídeo é espelhado ou não.
isMuted

Se o vídeo está mudo ou não.
isSpeaking

Se o participante no videoTile está falando. Mostra um indicador de fala (borda).
noVideoAvailableAriaLabel

Propriedade opcional para definir o rótulo de ária do bloco de vídeo se não houver nenhum fluxo disponível.
onRenderPlaceholder

Renderização personalizada Função de componente para nenhum vídeo está disponível. Renderize um ícone de persona se indefinido.
personaMaxSize

Tamanho máximo do avatar pessoal em px. O avatar persona é o espaço reservado padrão mostrado quando nenhum fluxo de vídeo está disponível. Para obter mais informações, consulte https://developer.microsoft.com/en-us/fluentui#/controls/web/persona
personaMinSize

Tamanho mínimo do avatar da persona em px. O avatar persona é o espaço reservado padrão mostrado quando nenhum fluxo de vídeo está disponível. Para obter mais informações, consulte https://developer.microsoft.com/en-us/fluentui#/controls/web/persona
renderElement

Componente com o fluxo de vídeo.
showLabel

Mostrar rótulo no VideoTile
showMuteIndicator

Se deseja exibir um ícone de mudo ao lado do nome de exibição do usuário.
styles

Permite que os usuários passem um objeto que contém estilos CSS personalizados.
userId

ID de usuário para o espaço reservado VideoTile.

Detalhes de Propriedade

children

Componentes React Child. Componentes filho serão mostrados como componente de sobreposição no VideoTile.

children?: ReactNode

Valor de Propriedade

ReactNode

displayName

Nome de exibição do Participante a ser mostrado no rótulo.

displayName?: string

Valor de Propriedade

string

Observações

displayName é usado para gerar iniciais de avatar se initialsName não for fornecido.

initialsName

Nome do participante usado para gerar iniciais. Por exemplo, um nome John Doe exibirá JD como iniciais.

initialsName?: string

Valor de Propriedade

string

Observações

displayName é usado se essa propriedade não for especificada.

isMirrored

Determina se o vídeo é espelhado ou não.

isMirrored?: boolean

Valor de Propriedade

boolean

isMuted

Se o vídeo está mudo ou não.

isMuted?: boolean

Valor de Propriedade

boolean

isSpeaking

Se o participante no videoTile está falando. Mostra um indicador de fala (borda).

isSpeaking?: boolean

Valor de Propriedade

boolean

noVideoAvailableAriaLabel

Propriedade opcional para definir o rótulo de ária do bloco de vídeo se não houver nenhum fluxo disponível.

noVideoAvailableAriaLabel?: string

Valor de Propriedade

string

onRenderPlaceholder

Renderização personalizada Função de componente para nenhum vídeo está disponível. Renderize um ícone de persona se indefinido.

onRenderPlaceholder?: OnRenderAvatarCallback

Valor de Propriedade

OnRenderAvatarCallback

personaMaxSize

Tamanho máximo do avatar pessoal em px. O avatar persona é o espaço reservado padrão mostrado quando nenhum fluxo de vídeo está disponível. Para obter mais informações, consulte https://developer.microsoft.com/en-us/fluentui#/controls/web/persona

personaMaxSize?: number

Valor de Propriedade

number

personaMinSize

Tamanho mínimo do avatar da persona em px. O avatar persona é o espaço reservado padrão mostrado quando nenhum fluxo de vídeo está disponível. Para obter mais informações, consulte https://developer.microsoft.com/en-us/fluentui#/controls/web/persona

personaMinSize?: number

Valor de Propriedade

number

renderElement

Componente com o fluxo de vídeo.

renderElement?: null | Element

Valor de Propriedade

null | Element

showLabel

Mostrar rótulo no VideoTile

showLabel?: boolean

Valor de Propriedade

boolean

showMuteIndicator

Se deseja exibir um ícone de mudo ao lado do nome de exibição do usuário.

showMuteIndicator?: boolean

Valor de Propriedade

boolean

styles

Permite que os usuários passem um objeto que contém estilos CSS personalizados.

styles?: VideoTileStylesProps

Valor de Propriedade

VideoTileStylesProps

userId

ID de usuário para o espaço reservado VideoTile.

userId?: string

Valor de Propriedade

string