البدء في استخدام نموذج اتصال عبر الويب
نموذج اتصال عبر الويب عبارة عن تطبيق ويب يعمل كإرشادات تفصيلية خطوة بخطوة لللإمكانيات التي توفرها Communication Services web Calling SDK.
صُمم هذا النموذج للمطورين ويسهِّل عليك بدء استخدام Communication Services. تُقسَّم واجهة المستخدم خاصته إلى أقسام متعددة، كلٌ منها يتميز بزر "Show code" الذي يسمح لك بنسخ التعليمة البرمجية مباشرةً من مستعرضك إلى تطبيق Communication Services خاصتك.
البدء في استخدام نموذج اتصال عبر الويب
اتبع Project/readme.md لإعداد المشروع وتشغيله محلياً على جهازك. بمجرد تشغيل نموذج اتصال عبر الويب على جهازك، سترى الصفحة المنتقل إليها التالية:
تزويد المستخدم وتهيئة SDK
انقر على "Provisioning user and initialize SDK" لتهيئة SDK خاصتك باستخدام رمز مميز جرى تزويده بواسطة خدمة تزويد الرمز المميز الخلفي. هذه الخدمة الخلفية في /project/webpack.config.js.
انقر على الزر "Show code" لرؤية نموذج التعليمات البرمجية الذي يمكنك استخدامه في حلك.
يجب أن تشاهد ما يلي بمجرد تهيئة SDK خاصتك:
أنت الآن على استعداد لبدء إجراء المكالمات باستخدام مورد Communication Services خاصتك!
إجراء وتلقي المكالمات
Communication Services web Calling SDK تسمح لك بالاتصال بـ 1:1 و 1:N و مجموعة.
بالنسبة إلى المكالمات الصادرة 1:1 أو 1:N، يمكنك تحديد هويات مستخدم Communication Services المتعددة للاتصال باستخدام قيم مفصولة بفاصلة. يمكنك أيضا تحديد أرقام الهواتف التقليدية (PSTN) للاتصال باستخدام قيم مفصولة بفواصل.
عند الاتصال بأرقام هواتف PSTN، حدد معرف المتصل البديل خاصتك. انقر على الزر "Place call" لإجراء مكالمة صادرة:
للانضمام إلى مكالمة جماعية، أدخل GUID الذي يحدد المكالمة وانقر فوق الزر "Join group":
انقر على الزر "Show code" لرؤية نموذج التعليمات البرمجية لإجراء المكالمات وتلقي المكالمات والانضمام إلى مكالمات جماعية.
تبدو المكالمة النشطة كما يلي:
يوفر هذا النموذج أيضا قصاصات التعليمات البرمجية للإمكانيات التالية:
- النقر على أيقونة الفيديو لتشغيل/ إيقاف تشغيل كاميرا الفيديو خاصتك
- النقر على أيقونة الميكروفون لتشغيل/ إيقاف تشغيل الميكروفون خاصتك
- النقر على أيقونة اللعب لتعليق/ إلغاء تعليق المكالمة
- النقر على أيقونة الشاشة لبدء/ إيقاف مشاركة شاشتك
- النقر على أيقونة الشخص لإضافة مشارك إلى المكالمة
- النقر على "Remove participant" في قائمة المشاركين لإزالة مشارك معين من المكالمة
الخطوات التالية
لمزيد من المعلومات، راجع المقالات التالية:
- التعرف على استخدام Calling SDK
- تعرّف على المزيد عن كيفية إجراء المكالمات
- مراجعة مستندات مرجع واجهة برمجة التطبيقات
- مراجعة نموذج Contoso Med App
لقراءة إضافية
- النماذج - تعرف على المزيد من النماذج والأمثلة على صفحة نظرة عامة على النماذج.
- Redux - إدارة الحالة من جانب العميل
- FluentUI - مكتبة واجهة مستخدم مدعومة من Microsoft
- React - مكتبة لبناء واجهات المستخدم
- ASP.NET Core - إطار عمل لبناء تطبيقات الويب