通过

你当前正在访问 Microsoft Azure Global Edition 技术文档网站。 如果需要访问由世纪互联运营的 Microsoft Azure 中国技术文档网站，请访问 https://docs.azure.cn。

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 占位符的用户 ID。

属性详细信息

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 占位符的用户 ID。

userId?: string

属性值

string