用 Blazor WebAssembly 和 Web Socket 写一个网页语音聊天室

作者:V君 发布于:2022-12-2 15:46 Friday 分类:我的应用

TL;DR [ 下载 ] [ 源代码 ]

用法:
 1. 下载 SimpleWebChat.Pre-Release-2.7z 解压,运行 SimpleWebChat.ConHost.exe
 F. 修改配置文件 config.json 中的 ListenPrefix 可以监听外部请求,支持 HTTPS
 A. 这次更新在原来的文字聊天基础上增加了两种语音聊天

文字聊天:
 1. 访问首页,点击【Text chat】按钮进入
 2. 输入昵称,点击【Connect】按钮或者按回车键,进入聊天室
 3. 输入内容,点击【Send】按钮或者按回车键,发送消息

一对一语音聊天:
 1. 访问首页,点击【Voice chat】按钮进入
 2. 输入昵称,点击【Open Microphone】按钮,允许使用麦克风
 3. 使用拨号盘或者在文本框输入号码,点击【→】按钮
 4. 在另一个设备使用拨号盘或者在文本框输入相同的号码,点击【→】按钮,开始语音聊天

多人语音聊天:
 1. 访问首页,点击【Voice meeting】按钮进入
 2. 输入昵称,点击【Open Microphone and Connect】按钮,允许使用麦克风,开始多人聊天

最后是固定的扯扯环节

凭兴趣使用零零散散的业余时间开发,难免会有各种照顾不到的情形,有问题就刷新了重试,有能力的就自行调试(欢迎反馈问题❌)

访问麦克风和回放的实现是纯 JS 实现的,因为 Blazor 没有封装这些功能,而且不支持 safari 浏览器,因为写死了用 OPUS 音频编码 增加了 MP4A 音频编码,现已支持较新版本的 safari 浏览器 _(:з)∠)_

好啦,这就是这次的 Hello world 级的 语音聊天 案例 (←美其名曰),顺便预告一下土炮云已经实现(PC端浏览器)拖放排序,等把播放队列做出来再发表吧

标签: C# Web技术 前端工程 WebSocket .NetCore

引用地址:

发表评论:

Powered by emlog 去你妹的备案 sitemap