【Laboratorio de nuevos conocimientos TRTC&IM】Mejores prácticas de aula interactiva en tiempo real

1. Xinzhi Lab-TRTC Tencent Cloud Audio and Video Product Experience Officer Program

Introducción a la actividad

Enlace de actividad: https://marketing.csdn.net/p/637c852aedd21c0ef20754a7d7635e6d
Enlace de actividad: https://marketing.csdn.net/p/637c852aedd21c0ef20754a7d7635e6d
Enlace de actividad: https://marketing.csdn.net/p/637c852aedd21c0ef20754a7d7635e6d

Bajo la tendencia de la integración en línea y fuera de línea y la integración acelerada de la realidad virtual, el audio y el video se han convertido en una capacidad básica, que ha cambiado profundamente la forma en que interactúa la sociedad. En el futuro, el audio y el video, como piedra angular importante de la verdadera era de Internet, continuarán promoviendo la innovación digital y la mejora de Internet y las industrias físicas.
El TRTC de audio y video en tiempo real de Tencent Cloud se basa en los 20 años de acumulación profunda de Tencent en tecnología de audio y video. Se enfoca en dos soluciones: transmisión interactiva en vivo de baja latencia y audio y video para varias personas. Audio de alta calidad. y soluciones interactivas de video.

2. Introducción del producto

TRTC

El nombre completo de TRTC (Tencent Real-Time Communication) es el servicio de audio y video en tiempo real de Tencent. Su posicionamiento es un servicio en la nube que resuelve la comunicación en tiempo real. Su función principal se basa en Internet. Escenarios como transmisión en vivo y videoconferencia; proporcionar algunas funciones sencillas de mensajería instantánea en torno a la transmisión en vivo; proporcionar demostración y SDK fácil de usar para facilitar el acceso rápido a diferentes terminales; permitir a los usuarios personalizar las fuentes de datos de recopilación y representación.

SOY

La Mensajería Instantánea (IM) se desarrolló en base a las capacidades de MI subyacentes de QQ. Puede integrar fácilmente las capacidades de chat, conversación, grupo y administración de datos con solo implantar el SDK, lo que lo ayuda a obtener medios enriquecidos como texto, imágenes, voces cortas y Videos Envíe y reciba mensajes, satisfaga completamente las necesidades de comunicación.

3. Mejores prácticas

3.1 TRTC de inicio rápido oficial (Quick Running Through)

Tencent Cloud Audio and Video ofrece oficialmente un caso de inicio rápido. Aquí, usamos el proyecto web para demostrárselo.(我在前端方面也是个小白)

3.1.1 Registro de una cuenta Tencent Cloud

Primero registre una cuenta de Tencent Cloud, ¡los nuevos usuarios la tienen 好礼相赠!
Enlace de registro: Tencent Cloud
Enlace de registro: Tencent Cloud
Enlace de registro: Tencent Cloud

3.1.2 Usar audio y video en tiempo real (necesita abrir primero)

3.1.3 Crear una aplicación

3.1.4 Ver proyecto (tecla de vista y operación de inicio rápido)

3.1.5 Ejecutar el proyecto de inicio rápido (página estática)

Abra el archivo Index.html en la carpeta

Hasta ahora, ha ejecutado con éxito el proyecto de inicio rápido web de TRTC. Al mismo tiempo, también puede configurar los parámetros y alojarlo en el depósito de almacenamiento OSS para realizar pruebas.

3.2 Usar TRTC&IM para construir un salón de clases interactivo en tiempo real

Debido a la epidemia, la mayoría de los maestros y estudiantes de todo el país están estudiando clases en línea. Al mismo tiempo, hace algún tiempo (9 de noviembre de 2022), hubo un incidente muy grave de intrusión en clases en línea, así que aquí, para demostrar cómo utilizar TRTC&IM para construir un aula interactiva en línea en tiempo real para profesores y estudiantes. El proyecto está organizado porMensajería instantánea Tencent IMproporcionada por el equipo

3.2.1 Introducción al proyecto (trtc-education-electron)

TRTC Real-time Interactive Classroom es un software de aula en línea de código abierto que admite que un maestro brinde clases en línea a varios estudiantes, y una clase admite hasta 300 interacciones en línea en tiempo real al mismo tiempo. Si la transmisión en vivo de derivación y el servicio de transmisión de CDN están habilitados, puede admitir que decenas de miles de personas vean en línea. Este software se basa en Tencent Real-Time Communication (TRTC), Tencent Instant Message (TIM), Electron, React y Webpack.

Dirección oficial del proyecto : https://github.com/TencentCloud/trtc-education-electron

Dirección del proyecto GitCode (TIMService.ts se ha corregido) Error: https://gitcode.net/fly1574/trtc-education-electron-fixed

3.2.2 Establecer el número de usuarios en línea simultáneos en el lado web de IM

Consola de MI: https://console.cloud.tencent.com/im

3.2.3 Cree el proyecto (usando el servidor en la nube)

Aquí se usa un servidor en la nube (sin cámara, micrófono), los lectores también pueden usar la computadora win local para desarrollar directamente de acuerdo con su propia situación

3.2.3.1 Entorno de construcción

software	Versión
NodoJS	v16.13.1
git	2.25.1
hilo	1.22.15
vscode	1.73.1

3.2.3.2 Código de clonación

git clone https://github.com/TencentCloud/trtc-education-electron.git

3.2.3.3 Establecer AppID y SK (recuerde guardar)

修改项目中的配置文件
src/main/config/generateUserSig.js

3.2.3.4Modificar el error oficial

Al ejecutar esta demostración, todavía había un pequeño error. Ahora encontré dos, y también envié comentarios al soporte en línea de Tencent. Dijeron que actualizarían el código, pero cuando se publicó la publicación del blog, el error del código en github seguía siendo no arreglado Por lo tanto, debe agregarlo manualmente.Encadenar()

# 修改文件 
# trtc-education-electron\src\renderer\core\room-core\TIMService.ts
修改该文件的186、238行左右，如下

$ 修改前
    this.groupID = groupID;
    const realGroupID = groupID;
$ 修改后
    this.groupID = groupID.toString();
    const realGroupID = groupID.toString();

3.2.3.5 Dependencias de instalación

$ cd trtc-education-electron/
# 安装yarn
$ corepack enable
# 查看yarn版本
$ yarn --version
# 指定 npm 国内镜像
$ npm config set registry=https://registry.npm.taobao.org/
# 指定 Electron 的国内镜像地址
$ npm config set ELECTRON_MIRROR=https://npm.taobao.org/mirrors/electron/ 
# 安装依赖
$ yarn

3.2.3.6 Pruebas y empaque

Debido a que el servidor en la nube no tiene cámara ni micrófono, la prueba aquí seráfallar, paquete directamente y luego instale el archivo .exe generado directamente en la computadora local para probar

# 如果需要先测试
$ yarn start

# 直接打包
$ yarn package

3.2.4 Funcionamiento del aula en línea

El permiso de cámara y micrófono de la computadora host donde se ejecuta el programa debe habilitarse primero

profesor crea clase

Después de que los estudiantes instalen el programa, únase a la clase

Cuatro Resumen

Como recién llegado que nunca ha usado TRTC, todavía es muy fácil ejecutar rápidamente el caso de demostración oficial; en el último proyecto TRTC & IMtrtc-education-electron aula en línea en tiempo realEs bastante simple, pero aún así es muy inesperado ayudar al funcionario a descubrir dos pequeños errores.


En general, todavía es muy rápido comenzar con TRTC, y es muy ampliable.Otro punto es que el equipo de soporte técnico en línea de Tencent Cloud Audio and Video responde muy rápido. ¡Un buen producto es inseparable de un buen soporte técnico!