交互式在线辅导工具Nettu Meet

最新推荐文章于 2024-09-13 21:51:30 发布
最新推荐文章于 2024-09-13 21:51:30 发布
阅读量4.9k 收藏 12
点赞数 1
文章标签： 群晖 docker 视频会议 webrtc
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wbsu2004/article/details/121199877
版权

什么是 Nettu Meet ？

Nettu Meet 是一款开源的网络视频会议应用程序，专为交互式在线辅导而设计。支持音视频、白板共享、屏幕共享、文字聊天、文件共享，最厉害的是还能把数学图形插入白板。

官方提供的演示地址：https://meet.nettubooking.com/

构建镜像

如果你不想自己构建，可以跳过，直接阅读下一章节

# 前端构建
FROM node:16.5 as build_front
LABEL maintainer=laosu<wbsu2003@gmail.com>

WORKDIR /app
COPY /frontend/. .
RUN npm install --registry=https://registry.npm.taobao.org
RUN npm run build

# 后端构建
FROM node:16.5
# Install DEB dependencies and others.
RUN sed -i s@/deb.debian.org/@/mirrors.aliyun.com/@g /etc/apt/sources.list \
    && apt-get clean \
    && apt-get update \
    && apt-get install -y net-tools build-essential valgrind supervisor nginx

WORKDIR /app

COPY /server/. .
RUN npm install --registry=https://registry.npm.taobao.org

# 环境变量
ENV NETTU_REDIS_HOST="host.docker.internal"
ENV NETTU_REDIS_PORT=6379
ENV MONGODB_CONNECTION_STRING=mongodb://root:rootpassword@host.docker.internal:27017
ENV MONGODB_NAME=nettu-meeting
ENV FRONTEND_URL="https://meet.nettubooking.com"

# 整体打包
## nginx
RUN rm -f /etc/nginx/sites-enabled/default 
RUN rm -f /etc/nginx/sites-available/default
COPY  ./default.conf /etc/nginx/conf.d/default.conf

## supervisor
COPY  ./supervisord.conf /etc/supervisord.conf

## 前端静态文件	
COPY --from=build_front /app/build/ /usr/share/nginx/html
COPY  ./replace_api_url.sh ./replace_api_url.sh
RUN chmod +x replace_api_url.sh

EXPOSE 80

ENTRYPOINT ["supervisord","-c","/etc/supervisord.conf"]

nginx 设置文件 default.conf

老苏一直没有好好研究 nginx，仅限于基本的转发

server
    {
    listen 80;
    server_name localhost;
	root /usr/share/nginx/html;  
    index index.html index.htm;

    # 1.转给前端处理
    location / {
		alias /usr/share/nginx/html/;
        try_files $uri $uri/ /index.html;
		#try_files $uri$args $uri$args/ /index.html;
    }

    # 2.转给后端处理
    location ^~ /api/ {
	    proxy_pass http://127.0.0.1:5000/;
		proxy_redirect default;
    }
	
	error_page   500 502 503 504  /50x.html;
    location = /50x.html {
        root   /usr/share/nginx/html;
    }
}

replace_api_url.sh 用于替换 ENV 设置的 FRONTEND_URL

从代码看，除了调试模式外，前端地址均为官方的演示地址。当我们在主界面点 New Meeting 时，就会跳转到官网地址，这显然不是我们期望的，因此要替换掉

#!/usr/bin/env sh  
  
find '/usr/share/nginx/html' -name '*.js' -exec sed -i -e 's,'https://meet.nettubooking.com','"$FRONTEND_URL"',g' {} \; 
  
nginx -g "daemon off;"

supervisord.conf 文件是新增用来控制进程的，前端 app 是运行在 nginx 上的静态页面，后端 srv 基于 node.js

[include]
files = /etc/supervisor/conf.d/*.conf

[program:app]
command=./replace_api_url.sh

[program:srv]
command=npm start

#directory will be any folder where you wnat supervisor to cd before executing.
#directory=/project 
autostart=true
autorestart=false
startretries=3

#user will be anyone you want but make sure that user will have the enough privilage.
user=root

[supervisord]
nodaemon=true
logfile=/tmp/supervisord.log
pidfile=/tmp/supervisord.pid
loglevel=debug
logfile_maxbytes=10MB

[supervisorctl]

docker-compose.yml 是一键启动用的，在官方的基础上增加了 nettumeet 部分

version: '3.7'
services:
    mongodb:
        image: mongo:latest
        environment:
            MONGO_INITDB_ROOT_USERNAME: root
            MONGO_INITDB_ROOT_PASSWORD: rootpassword
            MONGO_INITDB_DATABASE: nettu-meeting
        ports:
            - 27017:27017
        volumes:
            - mongodb_data_nettumeet_container:/data/db
        logging:
            driver: none
        container_name: nettu_mongodb
        
    redis:
        image: redis
        ports:
            - 6379:6379
        logging:
            driver: none
        container_name: nettu_redis

    elasticsearch:
        image: docker.elastic.co/elasticsearch/elasticsearch:7.1.0
        environment: 
            - discovery.type=single-node
        container_name: nettu_elasticsearch
        ports: ['9200:9200']
    
    kibana:
        image: docker.elastic.co/kibana/kibana:7.1.0
        container_name: nettu_kibana
        ports: ['5601:5601']
        depends_on: ['elasticsearch']

    nettumeet:
        image: wbsu2003/nettu-meet:v1
        environment:
            NETTU_REDIS_HOST: 192.168.0.114
            NETTU_REDIS_PORT: 6379
            MONGODB_CONNECTION_STRING: mongodb://root:rootpassword@192.168.0.114:27017
            MONGODB_NAME: nettu-meeting
			NETTU_ELASTIC_URL: http://192.168.0.114:9200
			FRONTEND_URL: http://meet.laosu.ml
        container_name: nettu_meet
        ports: 
            - 5310:80
        depends_on: ['redis'] 

volumes:
    mongodb_data_nettumeet_container:

构建镜像和容器运行的基本命令如下👇

# 下载代码
git clone https://github.com/fmeringdal/nettu-meet.git

# 或者镜像站点
git clone https://hub.fastgit.org/fmeringdal/nettu-meet.git

# 进入目录
cd nettu-meet

# 将 Dockerfile 、supervisord.conf 、default.conf 、replace_api_url.sh 四个文件放进代码目录中

# 构建镜像
docker build -t wbsu2003/nettu-meet:v1 .

# 将 docker-compose.yml 文件放入安装目录

# 一键启动
docker-compose up -d

# 一键删除
docker-compose down

# --------调试-------------
# 进入容器
docker exec --user root -it nettu_meet /bin/bash
  
# 将生成的静态文件拷贝到容器外  
docker cp nettu_meet:/usr/share/nginx/html/. ./dist  
  
# 将生成的静态文件拷贝到容器内  
docker cp /dist/. nettu_meet:/usr/share/nginx/html  
# ------------------------

一键启动

一键删除

安装运行

准备工作

安装完成之后，不能像往常一样用 http://群晖IP:5310 访问，否则主界面会是一片空白的，开发者工具 中会看到下面这样的错误

state.ts:586 Uncaught TypeError: Cannot set property 'ondevicechange' of undefined

之前老苏已经在多篇涉及到网页音视频的文章中提到，必须要用 https 协议，所以先要做反代处理

一键启动

docker-compose.yml 中可能需要修改的地方老苏都做了注释

  • 用 SSH 客户端登录到群晖，在 nettumeet 目录中执行一键启动

老苏常用的SSH 客户端主要是 Finalshell 和 PuTTY

# 进入 nettumeet 目录
cd /volume2/docker/nettumeet

# 一键启动
docker-compose up -d

第一次执行会有拉取镜像的动作

如果最终 5 个容器都是 done ，表示创建成功！

在 docker 容器中能看到👇下面 5 个容器正在运行

开始会议

在浏览器中输入 https://meet.laosu.ml 就能看到主界面

第一次时间可能会有点长

点 New Meeting 创建一个新的会议

如果浏览器不支持会显示

判断的代码应该有 bug ，反正老苏用 chrome 95 都不行，而 Edge 95 就没问题

输入名字后点 JOIN MEETING 就可以参加会议

将浏览器地址栏中的地址发给另一台机器就可以开始开会了

已知问题

kibana 运行一段时间，比较容易挂掉，所以最好勾选启用自动重新启动

参考文档

fmeringdal/nettu-meet: Open source video conferencing system for tutors.
地址：https://github.com/fmeringdal/nettu-meet

Nettu Meet
地址：https://meet.nettubooking.com/

How can I fix error: ConfigurationError: Missing node(s) option for winston-elasticsearch? - Elastic Stack / Elasticsearch - Discuss the Elastic Stack
地址：https://discuss.elastic.co/t/how-can-i-fix-error-configurationerror-missing-node-s-option-for-winston-elasticsearch/203478

杨浦老苏
关注
nettu-meet:面向导师的开源视频会议系统
08-03
概述 Nettu Meet是一款开源视频会议网络应用程序，专为交互式在线辅导而设计。 包括的一些功能是： 音视频：实时分享音视频。 共享白板：在共享白板上与学生协作。 屏幕共享：通过共享屏幕进入演示模式。 聊天：向会议的其他参与者发送简单的消息。 文件共享：将相关文件上传到会议。 图形绘图仪：将数学图形插入白板。 可定制：创建一个帐户并上传您自己的徽标。 现场演示 在本地运行 在终端中运行 Node.js 服务器应用程序： $ cd server # Copy .env.template secrets file and adjust them if needed $ cp integrations/.env.template integrations/.env # Using docker compose to spin up redis and mongodb $ n
推荐文章：探索未来教育的高效工具——Nettu Meet开源视频会议应用
gitblog_01041的博客
08-09 535
推荐文章：探索未来教育的高效工具——Nettu Meet开源视频会议应用 nettu-meetOpen source video conferencing system for tutors.项目地址:https://gitcode.com/gh_mirrors/ne/nettu-meet 在这个数字化教学日益重要的时代，我们发现了一款专为在线互动辅导设计的神器——Nettu Meet。这不仅仅...
Nettu Meet 开源项目教程
gitblog_01131的博客
08-09 796
Nettu Meet 开源项目教程 nettu-meetOpen source video conferencing system for tutors.项目地址:https://gitcode.com/gh_mirrors/ne/nettu-meet 1. 项目的目录结构及介绍 Nettu Meet 是一个开源的视频会议系统，专为交互式在线辅导设计。以下是其主要目录结构及其介绍： nettu-...
Nettu Meet：开源视频会议系统推荐
最新发布
gitblog_07848的博客
09-13 295
Nettu Meet：开源视频会议系统推荐 nettu-meet Open source video conferencing system for tutors. 项目地址: https://gitcode.com/gh_mir...
探索Nettu Meet：一款开源的、安全的在线会议平台
gitblog_00060的博客
03-23 768
探索Nettu Meet：一款开源的、安全的在线会议平台 nettu-meetOpen source video conferencing system for tutors.项目地址:https://gitcode.com/gh_mirrors/ne/nettu-meet 是一个强大的开源视频会议解决方案，它提供了一种安全、可靠且可自托管的方式来组织远程会议和网络研讨会。这个项目的出现，旨在为...
Nettu Meet 开源视频会议系统教程
gitblog_00605的博客
08-09 764
Nettu Meet 开源视频会议系统教程 nettu-meetOpen source video conferencing system for tutors.项目地址:https://gitcode.com/gh_mirrors/ne/nettu-meet 1. 项目介绍 Nettu Meet 是一款开源的视频会议系统，特别适合用于交互式的在线辅导场景。它提供了音频和视频实时分享、共享白板、...
知道python语言应用2020答案_热点：大学moocPython语言基础与应用答案
weixin_39758696的博客
11-30 659
2020年智慧树网课答案为您详细解读azMisb热点：大学moocPython语言基础与应用答案的详情,题主的教授应该是想要同学们找出一个值得研究和讨论的theory，简单来说就是你论文探讨的中心。然后需要你们定topic，然后搜索大量靠谱的资料，集百家之长（说白了就是把观点转换成自己的话引用（抄）过来）。从师资招聘到师资。就这个theory来说，其根本的意义就是你essay的核心对象，你认为它对...
仿真交互教学软件
04-25
仿真交互教学软件
Nettu Meet 安装和配置指南
gitblog_07847的博客
09-13 306
Nettu Meet 安装和配置指南 nettu-meet Open source video conferencing system for tutors. 项目地址: https://gitcode.com/gh_mirror...
nettu-scheduler
03-08
Nettu调度程序 概述 Nettu scheduler是一个自托管的日历和调度程序服务器，旨在为构建日历/预订/约会应用程序提供轻松的构建块。 它具有一个简单的REST API以及一个和 。 特征 身份验证：服务器为浏览器客户端签名的...
Nettu计划程序是一个自托管的日历和计划程序服务器。-Rust开发
05-27
Nettu Scheduler是一个自托管的日历和调度程序服务器，旨在为构建日历/预订应用程序提供轻松的构建基块。 Nettu计划程序概述Nettu计划程序是一个自托管的日历和计划程序服务器，旨在为构建日历/预订应用程序提供轻松...
Netty入门学习笔记（二）--初尝IO
LuckyToMeet-Dian叶
05-21 365
学前准备 IO 模型介绍 BIO（同步阻塞IO） BIO 介绍 BIO 是 JDK 1.4 前使用的网络 IO 模型，但由于其每个客户端连接都为一个其分配一个线程的特性，并且每个连接并非都是在传输数据，造成服务器资源大量的消耗。 改进点：在此基础上新增一个线程池，可以保证一定程度上减少资源消耗，但依旧无法解决无效连接问题。 BIO 模型 BIO使用场景 BIO 由于其阻塞的特性，实际生产中使用场景较少。 适合极少人用，但是每次使用都传输大量数据的场景。 NIO(同步非阻塞IO) NIO 介绍 NIO
解决 java sdk 链接的 fisco bcos报错的终极指南Caused by: io.netty.channel.ChannelException: init channel network
热门推荐
向彪-区块链技术研究
04-16 1万+
有好友询问了一个关于fisco bcos java sdk 链接的问题,记录一下，有遇到的朋友可以参考解决！
RedisInsight
08-19
这个工具在一些项目中被广泛使用，比如Outline、RuoYi-flowable、Tduck和Nettu Meet等等，这些项目都使用了Redis数据库。<span class="em">1</span><span class="em">2</span><span class="em">3 #### 引用[....
NetMeeting不能共享桌面的解决办法
weixin_34406061的博客
05-16 239
xp系统 从网上找到比较新的msnetmtg.inf，放在它本应该在的地方(C:\WINDOWS\inf，属于隐藏文件)，替换掉原有的版本，然后右键msnetmtg-安装，从系统盘中一步步找到它需要的文件E：（光驱盘符）\i386\CB32，完成安装。重启NetMeeting，一切ok！ 不过msnetmtg.inf文件不好下载，其实把能用NETMEET的系统的msnet...
【GitHub项目推荐--一款易于部署的视频会议服务器】【转载】
j8267643的博客
02-02 2138
Galène（或Galene）是一种视频会议服务器（“ SFU ”），易于部署，并且需要适度的服务器资源。它最初是为讲座、会议和学生教程而设计的，但对于传统会议也很有用。Galène是一款由Bitsight Technologies开发的高性能视频会议解决方案。它专为企业级应用而设计，具有高度的可扩展性和可靠性。以下是Galène视频会议服务器的一些关键特点：
快速搭建一套强大的视频会议系统
Richardlygo的博客
05-18 612
它支持音视频、白板共享、屏幕共享、文字聊天、文件共享等功能，并允许用户在共享的白板上进行协作，包括绘制图形、上传文件和发送聊天消息。最厉害的是，Nettu Meet还能把数学图形插入白板中，这对于数学等科目的在线辅导非常有帮助。：在共享的白板上，可以进行实时讲解、演绎公式、画草图等操作，同时支持远程参与者在白板上进行协作。：通过共享屏幕功能，可以将自己的桌面或应用程序展示给其他与会者，方便进行演示和分享。：具有绘图仪功能，可以将数学图表插入到白板中，为数学等科目的在线辅导提供便利。
群晖系统如何布置php_应用视频会议系统的会议室应如何布置
weixin_39806779的博客
12-06 898
点击上方“蓝色字体”，选择 “设为星标”关键讯息，D1时间送达！视频会议室的设计是影响视频会议效果的重要因素之一，包括会场设备、会场布局、会场环境等。会议室的设计涉及的内容非常广泛，限于篇幅，我们下面仅列出部分因素及建议。视频会议会场设备包括摄像机、电视机、话筒以及音响系统等具体的视音频信号输入、输出设备。结合不同的会场布局和装修条件，这些设备在配置上都应该有所差异，才能真正保证会议效果...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

杨浦老苏

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值