当前位置: 首页 > news >正文

基于webrtc的媒体流传输工具tl-rtc-file

在这里插入图片描述

也不知道是什么意思,天天都有人在微信公众号的后台发,是打算找我兑奖吗?


本文软件是朋友 Eduna 推荐的,因为他觉得好像很好玩的样子。老苏一开始以为 tl-rtc-file 是跟 Snapdrop 一样的局域网文件传输工具,在看了 demo 网站后,发现确实有点意思,但最终的结果却有点让人失望了。

什么是 tl-rtc-file ?

tl-rtc-file 是基于 webrtc 的网页在线媒体流传输开源工具。内网不限速(局域网最高到过70多M/s),支持多文件拖拽发送,网页文件预览。 扩展了许多丰富的小功能,如本地屏幕录制,远程屏幕共享(无延迟),远程音视频通话(无延迟),直播(无延迟),密码房间,oss 云存储,中继服务设置,webrtc 检测,webrtc 统计,文字传输(群聊,私聊),公共聊天,远程画板,AI 聊天框,丰富的后台管理,实时执行日志展示,机器人告警通知等功能… 等等

官方的演示站点:https://im.iamtsm.cn

安装

在群晖上以 Docker 方式安装。因为涉及到多个容器,所以采用 docker-compose 安装方式。

准备工作

第一步、先创建好目录

# 新建文件夹 tlrtcfile 和 子目录
mkdir -p /volume1/docker/tlrtcfile/{data/{db,log,init.sql,my.cnf},coturn}# 进入 tlrtcfile 目录
cd /volume1/docker/tlrtcfile

第二步、准备好需要的文件

turnserver-with-secret-user.conf

第一个文件是 turnserver-with-secret-user.conf

实际上 turnserver 在局域网是非必须步骤,只有在公网才是必须步骤。所谓非必须就是哪怕容器停止了,也不影响使用的意思

老苏基于官方的示例文件:https://github.com/tl-open-source/tl-rtc-file/blob/master/docker/coturn/turnserver-with-secret-user.conf 做了微调

#------------TURN BASE CONFIG 基础配置------------#
#监听网卡
listening-device=eth0
#监听ip(内网ip)
listening-ip=
#监听端口(端口)
listening-port=3478
#公网ip
# external-ip=
#端口最小值
min-port=49152
#端口最大值
min-port=55000
#cli密码
cli-password=qwerty
#后台运行-默认关闭 docker运行时需关闭, 自行部署时,可以开启
# daemon
#会话指纹
fingerprint
#中等详细日志
verbose
#长期凭证
#lt-cred-mech
#关闭tls
no-tls
#关闭dtls
no-dtls#------------TURN REST API USER CONFIG 有效时间帐号密码模式 (优先推荐使用这种方式)------------#
#开启rest api
use-auth-secret
#rest api账号密码
static-auth-secret=tlrtcfile
#来源(域名或ip:port)
realm=192.168.0.197:3478

其中 :

  • listening-device :一般单网卡不需要修改
  • static-auth-secret:密码
  • realm: 前面的 IP 修改为自己群晖主机的 IP,后面的端口不要改

这个文件需存放在 coturn 目录中

env.txt

第二个文件是 env.txt,之所以没用 tlrtcfile.env 做文件名,是为了方便在 FileStation 中直接编辑修改

老苏基于官方的示例文件:https://github.com/tl-open-source/tl-rtc-file/blob/master/tlrtcfile.env 做了微调,去掉了没用上的部分,例如 OSS、企业微信等

#-----------------以下为基础配置-----------------#
## api服务端口
tl_rtc_file_api_port=9092
## websocket服务端口
tl_rtc_file_socket_port=8444
## websocket服务地址
tl_rtc_file_socket_host=192.168.0.197:8444#-----------------以下为webrtc相关配置-----------------#
## webrtc-stun中继服务地址
tl_rtc_file_webrtc_stun_host=stun:192.168.0.197:3478
## webrtc-turn中继服务地址
tl_rtc_file_webrtc_turn_host=turn:192.168.0.197:3478?transport=udp
## webrtc中继服务用户名
tl_rtc_file_webrtc_turn_username=tlrtcfile
## webrtc中继服务密码
tl_rtc_file_webrtc_turn_credential=tlrtcfile
## webrtc中继服务Secret
tl_rtc_file_webrtc_turn_secret=tlrtcfile
## webrtc中继服务帐号过期时间 (毫秒)
tl_rtc_file_webrtc_turn_expire=86400000#-----------------以下为mysql数据库相关配置-----------------#
## 是否开启数据库
tl_rtc_file_db_open=true
## 数据库地址
tl_rtc_file_db_mysql_host=mysql
## 数据库端口
tl_rtc_file_db_mysql_port=3306
## 数据库名称
tl_rtc_file_db_mysql_dbName=webchat
## 数据库用户名
tl_rtc_file_db_mysql_user=tlrtcfile
## 数据库密码
tl_rtc_file_db_mysql_password=tlrtcfile#-----------------以下为管理后台相关配置-----------------#
## 管理后台房间号
tl_rtc_file_manage_room=tlrtcfile
## 管理后台密码
tl_rtc_file_manage_password=tlrtcfile

需要将 192.168.0.197 修改为自己群晖主机的 IP

docker-compose.yml

第三个文件是 docker-compose.yml

老苏基于官方的示例文件:https://github.com/tl-open-source/tl-rtc-file/blob/master/docker-compose.yml 做了微调,

version: '3'services:api-http:profiles: ['http']image: iamtsm/tl-rtc-file-apicontainer_name: tl-rtc-file-apienv_file:- ./env.txtenvironment:- tl_rtc_file_env_mode=http- tl_rtc_file_db_open=truecommand: - tlapiports:- 9092:9092links:- mysqldepends_on:- mysql- coturnvolumes:- ./env.txt:/tlrtcfile/tlrtcfile.env#https模式启动api服务api-https:profiles: ['https']image: iamtsm/tl-rtc-file-apicontainer_name: tl-rtc-file-apienv_file:- ./env.txtenvironment:- tl_rtc_file_env_mode=https- tl_rtc_file_db_open=truecommand: - tlapiports:- 9092:9092links:- mysqldepends_on:- mysql- coturnvolumes:- ./env.txt:/tlrtcfile/tlrtcfile.env#http模式启动socket服务socket-http:profiles: ['http']image: iamtsm/tl-rtc-file-socketcontainer_name: tl-rtc-file-socketcommand: - tlsocketenv_file:- ./env.txtenvironment:- tl_rtc_file_env_mode=http- tl_rtc_file_db_open=trueports:- 8444:8444links:- mysqldepends_on:- mysql- coturnvolumes:- ./env.txt:/tlrtcfile/tlrtcfile.env#https模式启动socket服务socket-https:profiles: ['https']image: iamtsm/tl-rtc-file-socketcontainer_name: tl-rtc-file-socketcommand: - tlsocketenv_file:- ./env.txtenvironment:- tl_rtc_file_env_mode=https- tl_rtc_file_db_open=trueports:- 8444:8444links:- mysqldepends_on:- mysql- coturnvolumes:- ./env.txt:/tlrtcfile/tlrtcfile.env#mysql服务mysql:profiles: ['http','https']image: iamtsm/tl-rtc-file-mysqlcontainer_name: tl-rtc-file-mysqlrestart: alwaysenvironment:#设置root密码- MYSQL_ROOT_PASSWORD=tlrtcfile#设置数据库- MYSQL_DATABASE=webchat#设置用户- MYSQL_USER=tlrtcfile#设置用户密码- MYSQL_PASSWORD=tlrtcfile#ports:#  - 3306:3306volumes:- ./data/db:/var/lib/mysql- ./data/my.cnf:/etc/mysql/conf.d/my.cnf- ./data/log:/var/log/mysql- ./data/init.sql:/docker-entrypoint-initdb.d/init.sql#coturn服务coturn:profiles: ['http','https']image: iamtsm/tl-rtc-file-coturncontainer_name: tl-rtc-file-coturnports:- "3478:3478/udp"- "3478:3478/tcp"volumes:- ./coturn/turnserver-with-secret-user.conf:/etc/turnserver.conf

env.txtdocker-compose.yml 放入根目录

一键启动

然后执行下面的命令

# 进入 tlrtcfile 目录
cd /volume1/docker/tlrtcfile# 以 http 方式一键启动
docker-compose --profile=http up -d# 以 https 方式一键启动
docker-compose --profile=https up -d

运行

如果是以 http 模式启动的,在浏览器中输入 http://群晖IP:9092 就能看到主界面

如果是 https 模式启动的,在浏览器中输入 https://群晖IP:9092 会看到提示

高级,选择继续前往

之后的操作和功能都是一样的

点左下角的 创建/加入房间

默认会生成一串数字,但是并不能用来做房间号

所以需要手动改为字母,然后再次点左下角的 创建/加入房间

加入成功

另一方输入同样的房间号,加入到同一个房间

双方可以聊天

也可发文件

选择需要传递的文件,点 一键发送

接收端会有提示

点开能看到详情

可惜其他功能不能用,可能需要 捐赠版 才行吧

遗留问题

刷新页面会显示 系统错误

但是似乎并不影响发消息和发文件,因此也就不去深究了,先这样吧

参考文档

tl-open-source/tl-rtc-file: WebRTC P2P online web media streaming tool (for files, video, screen, live streaming, text) with management and statistical monitoring capabilities.
地址:https://github.com/tl-open-source/tl-rtc-file

tl-rtc-file
地址:https://im.iamtsm.cn/

tl-rtc-file-使用手册 · tl-rtc-file
地址:https://im.iamtsm.cn/document/

tl-rtc-file-website
地址:https://im.iamtsm.cn/website/index.html

相关文章:

基于webrtc的媒体流传输工具tl-rtc-file

也不知道是什么意思,天天都有人在微信公众号的后台发,是打算找我兑奖吗? 本文软件是朋友 Eduna 推荐的,因为他觉得好像很好玩的样子。老苏一开始以为 tl-rtc-file 是跟 Snapdrop 一样的局域网文件传输工具,在看了 demo…...

【最新鸿蒙应用开发】——类Web开发范式2——前端语法

兼容JS的类Web开发范式 JS FA应用的JS模块(entry/src/main/js/module)的典型开发目录结构如下: 1. 项目基本结构 1.1. 目录结构 1.2. 项目文件分类如下: .hml结尾的HML模板文件,这个文件用来描述当前页面的文件布局结构。 .css结尾的CSS样…...

前端的强缓存和协商缓存

前端缓存机制 前端缓存主要分为两种类型:强缓存和协商缓存。 强缓存(HTTP Cache-Control) 通过设置HTTP响应头中的Cache-Control实现。浏览器根据Cache-Control的值决定是否重新请求资源。指令示例: no-cache:重新验…...

JSON如何处理包含特殊字符的字段

在JSON中处理包含特殊字符的字段时,你通常不需要直接处理这些特殊字符,因为JSON格式本身就会对特殊字符进行转义。当你使用编程语言或工具来生成或解析JSON时,这些转义通常是自动处理的。 然而,如果你需要手动处理或理解这些转义…...

JavaScript 中的 AbortController

AbortController 接口是 JavaScript 中 Fetch API 的一部分,引入它是为了处理和控制中止 fetch 请求的信号。这在需要取消正在进行的网络请求时特别有用,例如用户发起的动作取消,通过避免不必要的请求来提高性能,或优雅地处理超时…...

【前端】vue在线编辑器

以下是几个推荐的在线编辑器: CodeSandbox URL: https://codesandbox.io/特点: 支持 Vue、React、Angular 等多种前端框架,功能强大,社区活跃。 JSFiddle URL: https://jsfiddle.net/特点: 轻量级的在线编辑器,支持 Vue&#xff…...

leetcode67:二进制求和

题目链接&#xff1a;67. 二进制求和 - 力扣&#xff08;LeetCode&#xff09; class Solution { public:string addBinary(string a, string b) {int stralen a.size(), strblen b.size();int curtc;int Maxlen max(stralen, strblen);vector<int> stra;vector<i…...

程序员必备的职业素养:专业精神、沟通能力与持续学习

&#x1f34e;个人博客&#xff1a;个人主页 &#x1f3c6;个人专栏&#xff1a;日常聊聊 ⛳️ 功不唐捐&#xff0c;玉汝于成 目录 前言 正文 专业精神&#xff1a;技术的执着追求 沟通能力&#xff1a;团队合作的桥梁 持续学习&#xff1a;不断进步的动力 结语 我的…...

Spring源码:核心类的介绍

1. 前言 核心类代表了Spring框架中最基本的组件和功能&#xff0c;通过介绍这些类&#xff0c;学习者可以更好地理解Spring框架的核心工作原理和关键组件之间的关系。同时&#xff0c;了解这些核心类有助于学习者深入掌握Spring框架的使用和扩展方法。 2. ApplicationContextI…...

文化融合,市场共赢:品牌海外推广中的符号与象征策略

在全球化的今天&#xff0c;品牌海外推广不再仅仅是产品的输出&#xff0c;更是一种文化的交流和融合。品牌如何在保持自身特色的同时&#xff0c;又能融入当地文化&#xff0c;成为品牌海外拓展成功与否的关键。本文Nox聚星将和大家分析品牌如何运用具有当地文化特色的符号和象…...

fabric.util.enlivenObjects是什么意思

在Fabric.js中&#xff0c;fabric.util.enlivenObjects是一个实用函数&#xff0c;用于将一组对象的描述&#xff08;通常是JSON格式的对象数组&#xff09;转换回Fabric.js的对象实例。这个函数非常有用&#xff0c;特别是在涉及到从JSON恢复画布状态时&#xff0c;例如在实现…...

几个阶段性的面试难点整理

一、JVM篇 1、如何排查CPU、内存飙升的问题&#xff1f; 2、是否处理过线上问题&#xff1f;是怎么解决的&#xff1f; 3、谈谈G1收集器对比CMS收集器的优点&#xff1f;什么情况下适合用G1&#xff1f; 4、JVM调优的参数主要指哪方面的调优&#xff1f; 5、堆、栈中分别存放了…...

CTFHUB-技能树-web-信息泄露

目录 1.目录遍历 2.PHPINFO 3.备份文件下载 3.1 网站源码 3.2 bak文件 3.3 vim缓存 3.4 .DS_Store 4.Git泄露 4.1 Log 4.2 Stash 4.3 Index 5.SVN泄露 6.HG泄露 1.目录遍历 这个没什么好讲的&#xff0c;进去直接点击找flag,然后在下面目录翻&#xff0c;就找到了 …...

面试计算机网络八股文十问十答第八期

面试计算机网络八股文十问十答第八期 作者&#xff1a;程序员小白条&#xff0c;个人博客 相信看了本文后&#xff0c;对你的面试是有一定帮助的&#xff01;关注专栏后就能收到持续更新&#xff01; ⭐点赞⭐收藏⭐不迷路&#xff01;⭐ 1) TCP到底是什么连接&#xff1f; …...

0605-JavaSE-单例模式-饿懒汉模式

​​​​​​​ 不能放在方法里面&#xff08;因为每个线程调用都会在方法里面实例化一个locker对象&#xff0c;但不属于同一个对象&#xff09;&#xff0c;然后要用static修饰成静态变量才会起到效果 //单例设计模式 //饿汉模式&#xff1a;在加载类的时候就已经开始创建 /…...

TCP和UDP区别

TCP&#xff08;Transmission Control Protocol&#xff0c;传输控制协议&#xff09;和UDP&#xff08;User Datagram Protocol&#xff0c;用户数据报协议&#xff09;都是Internet协议套件中的传输层协议&#xff0c;但它们在工作方式、特性和适用场景上有显著区别&#xff…...

[Shell编程学习路线]——编制第一个shell脚本入门篇

&#x1f3e1;作者主页&#xff1a;点击&#xff01; &#x1f6e0;️Shell编程专栏&#xff1a;点击&#xff01; ⏰️创作时间&#xff1a;2024年6月12日10点23分 &#x1f004;️文章质量&#xff1a;93分 目录 ——前言—— &#x1f4a5;常用的几种shell Bash Sh …...

python数据处理分析库(一)

目录 一、NumPy 二、Pandas 三、Matplotlib and Seaborn 一、NumPy 场景&#xff1a;处理大规模数组和矩阵运算&#xff0c;可以用于科学计算、数据预处理简单示例&#xff1a; import numpy as npdata np.array([1, 2, 3, 4, 5]) mean np.mean(data) std_dev np.std(da…...

使用Transformer进行抄袭检测

动机 在许多行业中&#xff0c;尤其是在学术界&#xff0c;抄袭是一个重大问题。随着互联网和开放信息的兴起&#xff0c;这种现象甚至变得更加严重&#xff0c;任何人都可以通过点击访问特定主题的任何信息。 基于这一观察&#xff0c;研究人员一直在尝试使用不同的文本分析…...

基于深度学习的电池健康状态预测(Python)

电池的故障预测和健康管理PHM是为了保障设备或系统的稳定运行&#xff0c;提供参考的电池健康管理信息&#xff0c;从而提醒决策者及时更换电源设备。不难发现&#xff0c;PHM的核心问题就是确定电池的健康状态&#xff0c;并预测电池剩余使用寿命。但是锂电池的退化过程影响因…...

XML Group端口详解

在XML数据映射过程中&#xff0c;经常需要对数据进行分组聚合操作。例如&#xff0c;当处理包含多个物料明细的XML文件时&#xff0c;可能需要将相同物料号的明细归为一组&#xff0c;或对相同物料号的数量进行求和计算。传统实现方式通常需要编写脚本代码&#xff0c;增加了开…...

React 第五十五节 Router 中 useAsyncError的使用详解

前言 useAsyncError 是 React Router v6.4 引入的一个钩子&#xff0c;用于处理异步操作&#xff08;如数据加载&#xff09;中的错误。下面我将详细解释其用途并提供代码示例。 一、useAsyncError 用途 处理异步错误&#xff1a;捕获在 loader 或 action 中发生的异步错误替…...

调用支付宝接口响应40004 SYSTEM_ERROR问题排查

在对接支付宝API的时候&#xff0c;遇到了一些问题&#xff0c;记录一下排查过程。 Body:{"datadigital_fincloud_generalsaas_face_certify_initialize_response":{"msg":"Business Failed","code":"40004","sub_msg…...

树莓派超全系列教程文档--(61)树莓派摄像头高级使用方法

树莓派摄像头高级使用方法 配置通过调谐文件来调整相机行为 使用多个摄像头安装 libcam 和 rpicam-apps依赖关系开发包 文章来源&#xff1a; http://raspberry.dns8844.cn/documentation 原文网址 配置 大多数用例自动工作&#xff0c;无需更改相机配置。但是&#xff0c;一…...

Python实现prophet 理论及参数优化

文章目录 Prophet理论及模型参数介绍Python代码完整实现prophet 添加外部数据进行模型优化 之前初步学习prophet的时候&#xff0c;写过一篇简单实现&#xff0c;后期随着对该模型的深入研究&#xff0c;本次记录涉及到prophet 的公式以及参数调优&#xff0c;从公式可以更直观…...

【项目实战】通过多模态+LangGraph实现PPT生成助手

PPT自动生成系统 基于LangGraph的PPT自动生成系统&#xff0c;可以将Markdown文档自动转换为PPT演示文稿。 功能特点 Markdown解析&#xff1a;自动解析Markdown文档结构PPT模板分析&#xff1a;分析PPT模板的布局和风格智能布局决策&#xff1a;匹配内容与合适的PPT布局自动…...

基于数字孪生的水厂可视化平台建设:架构与实践

分享大纲&#xff1a; 1、数字孪生水厂可视化平台建设背景 2、数字孪生水厂可视化平台建设架构 3、数字孪生水厂可视化平台建设成效 近几年&#xff0c;数字孪生水厂的建设开展的如火如荼。作为提升水厂管理效率、优化资源的调度手段&#xff0c;基于数字孪生的水厂可视化平台的…...

Spring Cloud Gateway 中自定义验证码接口返回 404 的排查与解决

Spring Cloud Gateway 中自定义验证码接口返回 404 的排查与解决 问题背景 在一个基于 Spring Cloud Gateway WebFlux 构建的微服务项目中&#xff0c;新增了一个本地验证码接口 /code&#xff0c;使用函数式路由&#xff08;RouterFunction&#xff09;和 Hutool 的 Circle…...

A2A JS SDK 完整教程:快速入门指南

目录 什么是 A2A JS SDK?A2A JS 安装与设置A2A JS 核心概念创建你的第一个 A2A JS 代理A2A JS 服务端开发A2A JS 客户端使用A2A JS 高级特性A2A JS 最佳实践A2A JS 故障排除 什么是 A2A JS SDK? A2A JS SDK 是一个专为 JavaScript/TypeScript 开发者设计的强大库&#xff…...

iview框架主题色的应用

1.下载 less要使用3.0.0以下的版本 npm install less2.7.3 npm install less-loader4.0.52./src/config/theme.js文件 module.exports {yellow: {theme-color: #FDCE04},blue: {theme-color: #547CE7} }在sass中使用theme配置的颜色主题&#xff0c;无需引入&#xff0c;直接可…...