In dieser Kolumne wird eine Reihe technischer Artikel zu Alibaba Cloud Video Cloud MediaBox veröffentlicht, eine eingehende Analyse der technischen Architektur, der technischen Leistung, der Entwicklungsenergieeffizienz und der Best Practices des Audio- und Video-Entwicklungstools bereitgestellt und mit Audio und Video begonnen gemeinsame Entwicklungsreise. Dieser Artikel ist ein Best-Practice-Kapitel für MediaBox. Er konzentriert sich auf die Kernfunktionen, die technische Architektur und die schnelle Integration des interaktiven Klassenzimmer-AUI-Kits und stellt vor, wie man über Low-Code schnell auf exklusive interaktive Klassenzimmer-Videodienste zugreifen kann.
Onkel Stew, Jiong Xin｜Autor
Nach der Politik der „doppelten Reduzierung“ ist die Online-Bildungsbranche in eine neue Entwicklungsphase eingetreten. Immer mehr Nutzer nehmen über Apps und andere Methoden an der Online-Bildung teil. Dabei hat die Nutzungshäufigkeit durch Nutzer in Unterbereichen wie K12 und Hochschulbildung deutlich zugenommen.
In der Online-Bildungsbranche zeichnet sich ein Trend zur Beschleunigung der Integration und des Wandels ab: Einige große Online-Bildungsplattformen vergrößern ihren Marktanteil und optimieren die Ressourcenzuweisung durch Übernahmen, Fusionen usw., und auch traditionelle Bildungseinrichtungen beginnen, sich aktiv zu engagieren und zu transformieren.
Hinter dem Nachfragewachstum steht die starke Unterstützung der Technologie. Online-Bildung ist jedoch in hohem Maße von Audio- und Videotechnologie abhängig, und ihre Komplexität und Kosten machen es für verschiedene Bildungseinrichtungen und Unternehmen schwierig, bei der Betrachtung selbst entwickelter exklusiver Klassenzimmer auf Engpässe zu stoßen.
Angesichts dieser Trends und Herausforderungen bietet das Interactive Classroom AUI Kit interaktive Online-Audio- und Videolösungen für Klassenzimmer, die es Unternehmen ermöglichen sollen, Probleme bei der Selbstforschung zu beseitigen, Entwicklungsschwellen zu senken, Entwicklungszyklen zu verkürzen und sich auf die Geschäftsentwicklung zu konzentrieren.
01 Interaktives AUI-Kit für das Klassenzimmer
Konzeptpapier
In der Vergangenheit waren die Optionen bei der Entwicklung von Online-Klassenzimmerprodukten meist SaaS oder PaaS.
SaaS hat mehrere Schwachstellen: Erstens können Benutzer die Benutzeroberfläche nicht anpassen und ihre eigenen Marken nicht hervorheben; zweitens können Funktionen nicht flexibel erweitert werden und es ist schwierig, personalisierte Bedürfnisse zu erfüllen; drittens werden alle Daten beim SaaS-Dienstanbieter gehostet, was zu … schlechte Vertraulichkeit und geringe Sicherheit.
Obwohl PaaS nicht die Einschränkungen von SaaS aufweist, muss es auch mit einem hohen Maß an Freiheit aufwarten. Der F&E-Schwellenwert ist hoch und Berufserfahrung in der Audio-, Video- und technischen Entwicklung ist erforderlich; die Geschäftsrisiken sind hoch und der Mangel an relevanter Entwicklungserfahrung kann dazu führen, dass die Endergebnisse weit hinter den Erwartungen zurückbleiben; der Entwicklungszyklus ist lang und … Die Entwicklung eines kompletten Unterrichtsprojekts dauert in der Regel etwa 3 Monate. .
Das Alibaba Cloud Video Cloud Interactive Classroom AUI Kit kapselt das MediaBox-Terminal-SDK und den Video-Cloud-PaaS-Dienst, verkürzt die Integrationszeit von der Monats-/Wochenebene auf die Stundenebene, realisiert die Benutzeroberfläche eines allgemeinen Klassenzimmerszenarios und unterstützt die Verbindung zwischen dem AppServer und die Benutzeroberfläche zum Erstellen einer End- to-End-Lösung für Klassenzimmerszenarien .
Kernfunktionen
• Interaktive große Klassenklasse
Unterrichtsbeginn mit einem Klick : Der Lehrer startet die Übertragung im PC-Browser und unterrichtet über interaktive Whiteboards, Dokumentkursunterlagen, Bildschirmfreigabe, lokale Videoeinblendungen und andere Lehrmittel; der Lehrassistent unterstützt den Lehrer im PC-Browser bei der Vorbereitung von Kursunterlagen und Whiteboards Inhalte und sorgen für die Aufrechterhaltung der Klassenordnung; Schüler betreten die Klasse über einen PC oder einen mobilen Browser. Lehrer und Schüler können bequem am Unterricht teilnehmen, ohne den Client installieren zu müssen . Unternehmen können es auch in SaaS-Produkte wie DingTalk und WeChat einbetten.
Vielfältige Interaktionen : Lehrer und Schüler können in Echtzeit über Gruppenchat, Audio- und Videomikrofon, interaktives Whiteboard usw. interagieren; durch Mitgliederverwaltung, Nachrichtenverwaltung, Mikrofonverwaltung usw. können Lehrer und Lehrassistenten die Ordnung im Klassenzimmer aufrechterhalten und die Schüler verbessern ' Konzentration im Unterricht verbringen.
Extrem niedrige Latenz : Das interaktive Klassenzimmer-AUI-Kit verwendet das WebRTC-Protokoll, um Live-Streaming mit extrem niedriger Latenz zu erreichen. Die Zuschauerseite nutzt das Live-Übertragungsprotokoll mit niedriger Latenz, um ein Wiedergabeerlebnis mit niedriger Latenz von 500–1000 ms zu erhalten. Große Klassen können Hosten Sie mehr als 10.000 Personen gleichzeitig. Online; unterstützt kontinuierliche 1v8-Mikrofoninteraktion, die End-to-End-Verzögerung ist auf 200–400 ms verkürzt, was eine Erweiterung bei Bedarf ermöglicht; unterstützt Live-Übertragungsaufzeichnung für die Wiedergabe im Klassenzimmer.
• Offene Live-/On-Demand-Kurse
Ultragroße Klassen : Offene Kurse können größere Online-Klassen veranstalten und eignen sich für On-Demand- oder Live-Übertragungsklassen in extrem großen Klassen mit mehr als einer Million Teilnehmern. Die Audio- und Videoqualität wurde von großen Unternehmen überprüft und ist stabil und zuverlässig.
02 Technische Architektur
Gesamtarchitektur
Das Interactive Classroom AUI Kit basiert auf der zugrunde liegenden Technologie und der langjährigen Audio- und Videoerfahrung von Alibaba Cloud und bietet Kunden eine stabile und zuverlässige Audio- und Videolösung für Online-Klassenzimmer.
Einerseits integriert die unterste Ebene das Audio- und Video-SDK und die visuelle Konfiguration von MediaBox, kapselt eine Vielzahl von Video-Cloud-Diensten und verlässt sich auf das Alibaba Cloud CDN-Netzwerk, um niedrige Latenz- und Bandbreitengarantien bereitzustellen und so sicherzustellen, dass Endbenutzer audiovisuell im Klassenzimmer sind Erfahrung. Andererseits bietet es eine Fülle von Unterrichtskomponenten und eine Vielzahl allgemeiner Unterrichtstypen, die Unternehmen bei Bedarf je nach Geschäftsszenario integrieren können.
• Reduzierung der Kosten und Verbesserung der Effizienz : Die unterste Ebene des Interactive Classroom AUI Kit kapselt Video-Cloud-Produkte wie Live-Video, Video-on-Demand und interaktives Messaging, sodass Zugriffsparteien schnell auf den gesamten Prozess zugreifen und ihn „kostengünstig“ durchlaufen können. Code"-Methode, wodurch die Integrationszeit reduziert wird. Basierend auf dem PaaS-Layer-SDK-Zugriffsentwicklungsmodell wird die monatliche/wöchentliche Ebene auf die stündliche Ebene verkürzt, was die Zugriffskosten erheblich reduziert. Gleichzeitig muss sich der Zugriffspartner nicht um die komplexe Logik des Audio- und Video-SDKs kümmern und kann sich auf seine eigene Geschäftsentwicklung konzentrieren.
• Umfangreiche Komponenten : Basierend auf den Leistungsanforderungen allgemeiner Unterrichtsszenarien implementiert das Interactive Classroom AUI Kit Funktionen wie Live-Übertragung, Lianmai-Interaktion, Chat, interaktives Whiteboard, Kursdokumente, lokale Videoeinfügung und Bildschirmfreigabe . Gleichzeitig folgt es den Anforderungen einer hohen Benutzerfreundlichkeit und unterstützt den Ein-Klick-Zugriff, sodass Unternehmen schnell ihre eigene personalisierte interaktive Klassenzimmerplattform implementieren und erstellen können.
• Starke Anpassungsfähigkeit : Da unterschiedliche Unterrichtsszenarien unterschiedliche Anforderungen an Audio- und Videofunktionen haben, bietet das interaktive Klassenzimmer-AUI-Kit gängige Klassentypen wie große Klassenklassen und offene Klassen und erreicht so eine relativ vollständige Klasseninteraktion. Unternehmen können je nach Bedarf verschiedene Klassen integrieren Das Funktionsmodul ist mit der Browserumgebung aller gängigen Geräte kompatibel.
• Hochwertiges Erlebnis : Basierend auf dem Alibaba Cloud CDN-Netzwerk und dem MediaBox Audio- und Video-SDK bietet es eine hervorragende Übertragungsoptimierung, Videoverbesserung, Audio-Rauschunterdrückung und andere Funktionen, und die Cloud-Kombination sorgt für ein audiovisuelles Erlebnis im Klassenzimmer der Endbenutzer.
• Open Source und flexibel : Das Interactive Classroom AUI Kit bietet dem Zugriffspartner „Best Practices“ für Szenariolösungen auf Quellcodeebene, die schnell integriert und ausgeführt werden können. Es übernimmt einen vollständigen Satz von Open-Source-Front-End- und Server-Side-Engineering-Lösungen , sodass sich die Zugriffspartei bequemer auf ihre eigenen Bedürfnisse stützen kann. Bei der Sekundärentwicklung ist die Skalierbarkeit viel höher als bei SaaS.
• Sicher und unabhängig : Es besteht kein Grund zur Sorge um die Datensicherheit. Die Front-End- und Back-End-Dienste des Interactive Classroom AUI Kit werden von den Geschäftsparteien selbst erstellt und bereitgestellt. Es wird nicht verwaltet und alle Geschäftsdaten werden nicht verwaltet unabhängig im Besitz.
Insgesamt basiert diese Architektur auf der leistungsstarken Cloud-Service-Unterschicht und dem umfangreichen Audio- und Video-SDK von Alibaba Cloud, um ein Audio- und Videoerlebnis zu gewährleisten und die Audio- und Videoentwicklungskosten für Entwickler zu senken; durch die Bereitstellung umfangreicher Geschäftskomponenten, differenzierter Szenenkapselung und vollständiger Open Source Die Front-End- und Back-End-Codes ermöglichen Entwicklern eine bedarfsgerechte Integration, flexible Anpassung sowie Sicherheit und Unabhängigkeit.
Technische Umsetzung
Die Interactive Classroom AUI Kit-Lösung bietet serverseitige Open-Source-AppServer- und clientseitige Webprojekte. Mit diesen beiden Projekten können Sie die relevanten Prozesse des interaktiven Klassenzimmers schnell ausführen und erleben.
Serverseitiger AppServer : Hauptsächlich verantwortlich für die Konfiguration von Live-Übertragungsdiensten und die Verwaltung klassenzimmerbezogener Daten. Nachdem Sie den Alibaba Cloud-Live-Streaming-Dienst aktiviert und die relevanten Parameter konfiguriert haben, können Sie auf das Alibaba Cloud Live Broadcasting Center zugreifen, auf interaktives Live-Streaming, interaktives Messaging, Live-Broadcast-Link-Authentifizierung und andere Funktionen zugreifen und dem Client die erforderliche HTTP-Schnittstelle bereitstellen. Darüber hinaus stellen wir auch Projekte bereit, die in Form von Quellcode oder Bildern bereitgestellt werden, sowie Bereitstellungsmethoden, die auf Funktionsberechnung und Containerbildern basieren, was die Konstruktionseffizienz erheblich verbessert und es Kunden erleichtert, Serveranwendungen bereitzustellen und auszuführen.
Client-Web : Basierend auf dem in der Branche beliebten umi+React+TypeScript. Basierend auf mehreren Audio- und Video-SDK-Anwendungen von MediaBox werden die zugrunde liegenden Audio- und Videofunktionen zum Austausch von Geschäftsdaten mit dem Server-AppServer über die HTTP-Schnittstelle verwendet. Auf dieser Basis implementiert der Web-Client Module wie Push-Pull-Flow-Komponenten, interaktive Whiteboards, interaktive Mikrofone und Benutzerverwaltung und erstellt Seiten, die von verschiedenen Rollen wie Lehrern und Schülern verwendet werden. Kunden müssen lediglich den Domänennamen und andere Parameter des Server-AppServers konfigurieren, um schnell reibungslose und umfangreiche Funktionen zu nutzen.
03 Schnelle Integration
Das interaktive Klassenzimmer mit schneller Integration ist hauptsächlich in vier Hauptschritte unterteilt: Dienstaktivierung, Quellcode-Integration, AppServer-Bereitstellung und Ausführung des Webprojekts.
1. Dienstaktivierung
Zunächst müssen Kunden Dienste wie Alibaba Cloud-Live-Videoübertragung und interaktives Messaging aktivieren und den erforderlichen Push-Pull-Stream-Domänennamen und andere zugehörige Parameter in der Live-Übertragungskonsole konfigurieren.
2. Quellcode integrieren
Gehen Sie als Nächstes zur Open-Source-Projektseite des interaktiven Klassenzimmers von GitHub und klonen oder laden Sie den Quellcode jedes Endes herunter. Diese Quellcodes stellen die für das interaktive Klassenzimmer erforderlichen Funktionen und Komponenten bereit.
3. Stellen Sie AppServer bereit
Führen Sie dann Vorgänge wie Projektkonfiguration und Datenkonfiguration im AppServer-Projekt aus. Nach Abschluss der Konfiguration können Kunden Dienste über Function Compute (FC) und andere Methoden bereitstellen, um HTTP-Schnittstellen für Web-Clients bereitzustellen.
4. Führen Sie das Webprojekt aus
Konfigurieren Sie abschließend den bereitgestellten AppServer-Domänennamen für die entsprechende Position im Webprojekt, um die interaktive Klassenzimmerfunktion zu starten und zu erleben.
```js
// 在Web工程CONFIG.appServer中配置AppServer所需的参数
appServer: {
// 配置 APPServer 服务域名，结尾字符请勿是 /，服务端需要开启可跨域设置
origin: 'https://xxx.xxx.xxx',
// 配置api接口路径前缀
apiPrefixPath: '/api/',
}
```Durch die oben genannten Schritte können Sie das interaktive Klassenzimmer schnell integrieren. Detaillierte Anweisungen finden Sie auf der offiziellen Website:
https://help.aliyun.com/document_detail/2401376.html
04 Ausblick
Derzeit verbessert das Alibaba Cloud Interactive Classroom AUI Kit kontinuierlich allgemeine Klassenzimmerfunktionen wie Lehrmittel, Schönheit usw., um Entwicklern benutzerfreundlichere Komponenten bereitzustellen. In Zukunft werden wir weiterhin in Sicherheit, Benutzerfreundlichkeit, Intelligenz usw. investieren, wie z. B. die Sicherheit und Diebstahlprävention von Unterrichtsinhalten, die Integration von KI zur Bereitstellung von Unterrichtsinhalten zur Generierung von Transkripten oder Einführungsskizzen, die Integration von Gesichtserkennungsalgorithmen für Erkennung der Schülerkonzentration usw. Wir sind bestrebt, die Ziele eines einfacheren Zugangs, einer höheren Verfügbarkeit und mehr Szenarien zu erreichen und ein reibungsloseres, stabileres und intelligenteres Erlebnis für den Fernunterricht zu bieten.
Wir heißen alle Entwickler und Partner herzlich willkommen, sich uns anzuschließen und gemeinsam an der Schaffung eines besseren interaktiven Klassenzimmers zu arbeiten. Wenn Sie während des Zugriffs- und Nutzungsprozesses Fragen haben oder weitere Hilfe benötigen, können Sie gerne den QR-Code auf DingTalk scannen, um der AUI-Kundensupportgruppe beizutreten. Wir werden geduldig auf Ihr Feedback hören, Ihre Probleme aktiv verbessern und lösen. und bessere Dienstleistungen anzubieten. Service und Support.
