VideoTileProps interface

الحزمة:

@azure/communication-react

خصائص VideoTile.

الخصائص

alwaysShowLabelBackground	إظهار خلفية التسمية على VideoTile
children	مكونات React Child. ستظهر المكونات التابعة كمكون تراكب في VideoTile.
contextualMenu	اعرض عناصر القائمة المخصصة في القائمة السياقية ل VideoTile. يستخدم Fluent UI ContextualMenu. سيتم عرض أيقونة علامات الحذف لفتح القائمة السياقية إذا تم تحديد هذا الدعائم.
displayName	عرض اسم المشارك الذي سيتم عرضه في التسمية.
initialsName	اسم المشارك المستخدم لإنشاء الأحرف الأولى. على سبيل المثال، سيتم عرض اسم John DoeJD كأحرف أولية.
isMirrored	تحديد ما إذا كان الفيديو معكوسا أم لا.
isMuted	سواء تم كتم صوت الفيديو أم لا.
isPinned	إذا كان هذا صحيحا، فستعرض لوحة الفيديو رمز الدبوس.
isSpeaking	ما إذا كان المشارك في videoTile يتحدث أم لا. إظهار مؤشر نطق (حد).
isSpotlighted	إذا كان هذا صحيحا، فستعرض لوحة الفيديو الرمز الذي تم تمييزه.
mediaAccess	حالة الوصول إلى الوسائط للمشارك.
noVideoAvailableAriaLabel	خاصية اختيارية لتعيين تسمية aria للوحة الفيديو إذا لم يكن هناك دفق متوفر.
onLongTouch	يتم تشغيل معاودة الاتصال بواسطة لوحة الفيديو عند اللمس مع الاستمرار.
onRenderPlaceholder	لا تتوفر وظيفة مكون العرض المخصص لأي فيديو. عرض أيقونة شخصية إذا لم تكن محددة.
overlay	مكون التراكب المسؤول عن تقديم التفاعل
participantState	حالة اتصال المكالمة للمشارك. على سبيل المثال، Hold يعني أن المشارك قيد الانتظار.
personaMaxSize	الحد الأقصى لحجم الأفاتار الشخصي في px. الأفاتار الشخصي هو العنصر النائب الافتراضي الذي يظهر عند عدم توفر دفق فيديو. لمزيد من المعلومات، راجع https://developer.microsoft.com/en-us/fluentui#/controls/web/persona
personaMinSize	الحد الأدنى لحجم أفاتار الشخصية في px. الأفاتار الشخصي هو العنصر النائب الافتراضي الذي يظهر عند عدم توفر دفق فيديو. لمزيد من المعلومات، راجع https://developer.microsoft.com/en-us/fluentui#/controls/web/persona
raisedHand	ما إذا كان المشارك مرفوعا بيده. إظهار مؤشر (حدود) وأيقونة مع الترتيب
reactionResources	عنوان URL والبيانات الوصفية لموارد التفاعلات.
renderElement	مكون مع دفق الفيديو.
showLabel	إظهار التسمية على VideoTile
showMuteIndicator	ما إذا كنت تريد عرض أيقونة كتم الصوت بجانب اسم عرض المستخدم.
strings	سلاسل لتجاوزها في المكون.
styles	يسمح للمستخدمين بتمرير كائن يحتوي على أنماط CSS مخصصة.
userId	معرف المستخدم للعن العنصر النائب VideoTile.

تفاصيل الخاصية

alwaysShowLabelBackground

إظهار خلفية التسمية على VideoTile

alwaysShowLabelBackground?: boolean

قيمة الخاصية

boolean

children

مكونات React Child. ستظهر المكونات التابعة كمكون تراكب في VideoTile.

children?: ReactNode

قيمة الخاصية

ReactNode

contextualMenu

اعرض عناصر القائمة المخصصة في القائمة السياقية ل VideoTile. يستخدم Fluent UI ContextualMenu. سيتم عرض أيقونة علامات الحذف لفتح القائمة السياقية إذا تم تحديد هذا الدعائم.

contextualMenu?: IContextualMenuProps

قيمة الخاصية

IContextualMenuProps

displayName

عرض اسم المشارك الذي سيتم عرضه في التسمية.

displayName?: string

قيمة الخاصية

string

الملاحظات

يتم استخدام displayName لإنشاء الأحرف الأولى من الأفاتار إذا لم يتم توفير initialsName.

initialsName

اسم المشارك المستخدم لإنشاء الأحرف الأولى. على سبيل المثال، سيتم عرض اسم John DoeJD كأحرف أولية.

initialsName?: string

قيمة الخاصية

string

الملاحظات

يتم استخدام displayName إذا لم يتم تحديد هذه الخاصية.

isMirrored

تحديد ما إذا كان الفيديو معكوسا أم لا.

isMirrored?: boolean

قيمة الخاصية

boolean

isMuted

سواء تم كتم صوت الفيديو أم لا.

isMuted?: boolean

قيمة الخاصية

boolean

isPinned

إذا كان هذا صحيحا، فستعرض لوحة الفيديو رمز الدبوس.

isPinned?: boolean

قيمة الخاصية

boolean

isSpeaking

ما إذا كان المشارك في videoTile يتحدث أم لا. إظهار مؤشر نطق (حد).

isSpeaking?: boolean

قيمة الخاصية

boolean

isSpotlighted

إذا كان هذا صحيحا، فستعرض لوحة الفيديو الرمز الذي تم تمييزه.

isSpotlighted?: boolean

قيمة الخاصية

boolean

mediaAccess

حالة الوصول إلى الوسائط للمشارك.

mediaAccess?: MediaAccess

قيمة الخاصية

MediaAccess

noVideoAvailableAriaLabel

خاصية اختيارية لتعيين تسمية aria للوحة الفيديو إذا لم يكن هناك دفق متوفر.

noVideoAvailableAriaLabel?: string

قيمة الخاصية

string

onLongTouch

يتم تشغيل معاودة الاتصال بواسطة لوحة الفيديو عند اللمس مع الاستمرار.

onLongTouch?: () => void

قيمة الخاصية

() => void

onRenderPlaceholder

لا تتوفر وظيفة مكون العرض المخصص لأي فيديو. عرض أيقونة شخصية إذا لم تكن محددة.

onRenderPlaceholder?: OnRenderAvatarCallback

قيمة الخاصية

OnRenderAvatarCallback

overlay

مكون التراكب المسؤول عن تقديم التفاعل

overlay?: null | Element

قيمة الخاصية

null | Element

participantState

حالة اتصال المكالمة للمشارك. على سبيل المثال، Hold يعني أن المشارك قيد الانتظار.

participantState?: ParticipantState

قيمة الخاصية

ParticipantState

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

raisedHand

ما إذا كان المشارك مرفوعا بيده. إظهار مؤشر (حدود) وأيقونة مع الترتيب

raisedHand?: RaisedHand

قيمة الخاصية

RaisedHand

reactionResources

عنوان URL والبيانات الوصفية لموارد التفاعلات.

reactionResources?: ReactionResources

قيمة الخاصية

ReactionResources

renderElement

مكون مع دفق الفيديو.

renderElement?: null | Element

قيمة الخاصية

null | Element

showLabel

إظهار التسمية على VideoTile

showLabel?: boolean

قيمة الخاصية

boolean

showMuteIndicator

ما إذا كنت تريد عرض أيقونة كتم الصوت بجانب اسم عرض المستخدم.

showMuteIndicator?: boolean

قيمة الخاصية

boolean

strings

سلاسل لتجاوزها في المكون.

strings?: VideoTileStrings

قيمة الخاصية

VideoTileStrings

styles

يسمح للمستخدمين بتمرير كائن يحتوي على أنماط CSS مخصصة.

styles?: VideoTileStylesProps

قيمة الخاصية

VideoTileStylesProps

userId

معرف المستخدم للعن العنصر النائب VideoTile.

userId?: string

قيمة الخاصية

string