网校学研web直播课堂架构升级之路

最新推荐文章于 2026-02-01 20:47:38 发布

原创

最新推荐文章于 2026-02-01 20:47:38 发布 · 525 阅读

本文介绍了网校学研从web1.0到2.1版本的直播课堂架构升级过程，包括AI语音识别、RTC集成、课堂互动功能的开发与优化。通过重构直播框架，提高了项目的稳定性和团队协作效率，为后续PHP大会、海外直播等项目提供了基础。目前，web直播项目已具备多种互动功能，并将继续优化。

概述

首先，web的免安装，即用即走的特性，再加上没有版本的限制，可以快速迭代或者试错，特别的适合一些业务场景，例如创新性业务，快速迭代业务，关于web能不能支撑直播业务，web直播性能行不行，带着这两个疑问，我们对web直播能力做了探索。通过读这篇文章你可以了解到到web、h5、小程序是否能够做直播，以下探索基于网校学研大班直播体系。

web1.0版本横空出世

背景是产品侧提出讲座业务要重构，这时候天时地利人和都占有了，快速组建团队，耗时1个多月，做出了支持rtmp视频播放、即时聊天、投票、献礼物等功能，简单，够用。但天有不测风云，由于这样那样的原因，最终项目也没有上线，夭折了。你以为就此草草收场，那不是我们的脾气，继续发动每一个人的小宇宙。

web1.1版本初生牛犊不怕虎

这个版本最大的亮点是要跟PC客户端进行功能追齐，那摆在我们面前有三个大坑需要填，一个是web的AI能力，一个是连麦中的rtc能力，还有一个是web的课堂互动拉齐。

首先解决最难的，AI能力，通过探索，我们借助hark插件进行收音，

this._speechEvents = hark(this._stream) this._speechEvents.on('speaking', () => { // createLog('检测到说话') }) this._speechEvents.on('stopped_speaking', () => { // createLog('检测到停止说话') }) this._speechEvents.on('volume