Video Conferencing Open Source Web Application Sample تنزيل - Video Conferencing Open Source Web Application Sample رمز المصدر

Video Conferencing Open Source Web Application Sample

بيانات الموقع

1.0.0

تنزيل

تطبيق مكالمات الفيديو من 1 إلى 1 مع Face AI: بناء مع مجموعة أدوات JavaScript و Enablex للويب

هذه نموذج واحد إلى واحد إلى عميل مكالمات فيديو مكتوبة في JavaScript يسمح للمطورين بتنفيذ إمكانات استدعاء الفيديو التي يتم تمكينها مع Face AI في مواقع الويب الخاصة بهم. يتم تشغيل التطبيق على متصفحات الويب (المشار إليها كنقطة نهاية العميل) ويستخدم Enablex Web SDK لإجراء جلسة RTC مع أقرانها من خلال خدمات الفيديو Enablex. يقوم تطبيق العميل بتنفيذ المهام التالية لتسهيل جلسة RTC:

احصل على رمز من خادم التطبيق ، قم بتوصيل الغرفة باستخدام تدفقات الصوت/الفيديو للنشر المميز في الغرفة ، واشترك في تدفقات الصوت/الفيديو عن بُعد في الغرفة استمع إلى أي أحداث متعلقة بالجلسة ، ويوضح هذا العميل العميل أيضًا الميزات التالية:

MUTE/UNMUTE VIDEO MUTE/UNMUTE AUDIO DEGINCE REGINCING REGAN

1. مهم!

عند تطوير تطبيق عميل باستخدام ENXRTC.JS (موجود في العميل/JS) ، تأكد من استبدال ENXRTC.JS القديم باستخدام polyfills enxrtc.js المحدثة من https://devively.enablex.io/docs/references/sdks/video-sdk/web-sdk/index/ fortconnection. وإلا فلن يعمل التطبيق الخاص بك في متصفحات الويب.

2. المحاكمة

قم بالتسجيل للحصول على تجربة تجريبية مجانية https://www.enablex.io/free-trial/ أو جرب دردشة الفيديو المتعددة https://try.enablex.io/

3. التثبيت

3.1 المتطلبات المسبقة

3.1.1 معرف التطبيق ومفتاح التطبيق

قم بإنشاء حساب مجاني على enablex [https://www.enablex.io/free-trial/]
قم بإنشاء مشروعك
احصل على معرف التطبيق ومفتاح التطبيق الذي تم إنشاؤه مقابل المشروع
استنساخ هذا المستودع git clone https://github.com/EnableX/Video-Conferencing-Open-Source-Web-Application-Sample.git --recursive

3.1.2 شهادات SSL

يحتاج التطبيق إلى التشغيل على HTTPS. لذلك ، تحتاج إلى استخدام شهادة SSL صالحة لنطاقك وتوجيه تطبيقك لاستخدامها.

ومع ذلك ، يمكنك استخدام شهادة توقيع ذاتيًا لتشغيل هذا التطبيق محليًا. هناك العديد من مواقع الويب للحصول على شهادة موقعة ذاتيًا تم إنشاؤها لك ، Google IT. قليل منهم هم:

https://letsencrypt.org/
https://www.sslchecker.com/csr/self_signed
https://www.akadia.com/services/ssh_test_certificate.html

يمكن أيضًا استخدام ما يلي أدناه لإنشاء شهادة موقعة ذاتيا.

Linux/Mac

  cd Video - Conferencing - Open - Source - Web - Application - Sample
  cd server
  mkdir certs
  sudo openssl req - x509 - newkey rsa: 4096 - keyout . / certs / example . key - out . / certs / example . crt - days 10000 - nodes
  sudo chmod 755 . / certs / example . *
  cd . .

Windows (استخدم Git Bash)

  cd Video - Conferencing - Open - Source - Web - Application - Sample
  cd server
  mkdir certs
  openssl req - x509 - newkey rsa: 4096 - keyout . / certs / example . key - out . / certs / example . crt - days 10000 - nodes
  chmod 755 . / certs / example . *
  cd . .

3.1.3 تكوين

قبل أن تتمكن من تشغيل هذا التطبيق ، قم بتكوين الخدمة. انسخ server/example.env server/.env وقم بتحديث القيم. أو يمكنك ضبط متغيرات بيئة النظام التالية بدلاً من ذلك:

  SERVICE_PORT - Node port on which your application will run . Default port set is 3000
  ENABLEX_APP_ID - Your EnableX `App ID` - It 's your username for EnableX API and can be found at Dashboard > Projects https://portal.enablex.io/dashboard/
  ENABLEX_APP_KEY - Your EnableX `App Key` - - It 's your password for EnableX API and can be found at Dashboard > Projects https://portal.enablex.io/dashboard/

بالنسبة لـ Mac و Linux ، افتح نافذة طرفية واكتب الأوامر التالية. ملاحظة - استبدل جميع الأحرف بعد = مع قيم من حساب enablex الخاص بك:

  export SERVICE_PORT = XXXX
  export ENABLEX_APP_ID = XXXXXXXXXX
  export ENABLEX_APP_KEY = XXXXXXXXX

على Windows ، افتح نافذة PowerShell / أمر واكتب الأوامر التالية. لاحظ أنه لا يوجد = ، فقط المفتاح والقيمة مفصولة بمساحة:

  setx SERVICE_PORT 'XXXX'
  setx ENABLEX_APP_ID 'XXXXXXXXX'
  setx ENABLEX_APP_KEY 'XXXXXXXXX'

3.2 بناء

قم بتشغيل npm install --save لإنشاء المشروع وسيتم تخزين القطع الأثرية البناء في دليل ./node_modules .

3.2.1 تشغيل الخادم

قم بتشغيل node server.js داخل مجلد server لبدء الخادم الخاص بك.

  cd server
  node server . js

3.2.2 اختبار

افتح متصفحًا وانتقل إلى https: // localhost: 3000/. يجب على المتصفح تحميل التطبيق.
السماح بالوصول إلى الكاميرا وميكروفون عند المطالبة ببدء مكالمة RTC الأولى من خلال Enablex
تحتاج إلى معرف الغرفة للانضمام. لقد أضفنا رابط "إنشاء غرفة" أسفل نموذج تسجيل الدخول. انقر فوقه للحصول على معرف الغرفة مسبقًا في النموذج.
يمكنك مشاركة معرف الغرفة مع أي شخص للانضمام إلى مؤتمرك.

4. خادم واجهة برمجة التطبيقات

Enablex Server API هي خدمة REST API المقصود من خادم تطبيقات الشركاء لتوفير غرف اجتماعات ممكّنة بالفيديو. يتم إعطاء API الوصول إلى كل تطبيق من خلال معرف التطبيق المعين ومفتاح التطبيق. لذلك ، يجب استخدام معرف التطبيق ومفتاح التطبيق كاسم المستخدم وكلمة المرور على التوالي لتمريره كرأس مصادقة HTTP الأساسي للوصول إلى API للخادم.

لهذا التطبيق ، يتم استخدام مكالمات API الخادم التالية:

https://developer.enablex.io/docs/references/apis/video-api/content/api-reoutes/#create-a-room-لإنشاء غرفة
https://developer.enablex.io/docs/references/apis/video-api/content/api-reoutes/#get-a-list-of-rooms-للحصول على قائمة بالغرف
https://developer.enablex.io/docs/references/apis/video-api/content/api-reoutes/#get-room-information-للحصول على معلومات عن الغرفة المحددة
https://developer.enablex.io/docs/references/apis/video-api/content/api-reoutes/#create-a-token-لإنشاء رمز للغرفة المعطاة

لمعرفة المزيد حول API الخادم ، انتقل إلى: https://developer.enablex.io/docs/references/apis/video-api/index/