galaxy-s10 / billd-live Goto Github PK

如果你希望搭建一个类似billd-live的直播间，而你的技术水平又不够的，欢迎考虑我的付费课程：https://www.hsslive.cn/article/151

付费课程目录：

• 项目功能介绍（已更新）
• 本地运行项目（已更新）
• 初探 SRS 流媒体服务器、FFmpeg（已更新）
• 浏览器推流到 SRS 流媒体服务器（已更新）
• SRS 流媒体服务器 flv 分发（已更新）
• flv.js 播放 flv 直播流（已更新）
• SRS 流媒体服务器 hls 分发（已更新）
• video.js 播放 hls 直播流（已更新）
• OBS 推流到 SRS 流媒体服务器（已更新）
• FFmpeg 推流到 SRS 流媒体服务器（已更新）
• SRS 流媒体服务器推流鉴权（已更新）
• SRS 流媒体服务器拉流鉴权（已更新）
• 推流卡顿相关问题（已更新）
• safari 播放 hls 相关问题（已更新）
• 初探 WebRTC、coturn（已更新）
• 原生 WebRTC 一对一直播（已更新）
• 原生 WebRTC 一对多直播（已更新）
• 原生 WebRTC 多对多直播（已更新）
• canvas 替代 video（已更新）
• 推流的码率/帧率/分辨率控制（已更新）
• 前端混流，添加多个媒体源
• 初探 b 站 web 直播实现（已更新）
• 使用 canvas 处理视频流混流（已更新）
• 使用 Web Audio 处理音频流混流（已更新）
• 使用 Web Worker 优化推流（已更新）
• 了解 msr 实现推流（已更新）
• 接入腾讯云直播

在关闭视频，音频等素材的时候应该关闭读取他们的流
liveStreamingMaterial.videoStream!.getTracks().forEach(track => {
track.stop();
});

如题，方便快速体验。

hi，我们这边是 蓝桥云课，是一家做在线教育的网站，有兴趣将您的课程上线到我们平台进行销售推广吗，合作详情可点击 https://www.lanqiao.cn/questions/503610/ 了解，期待您的联系～

canvas的渲染久了感觉网页一卡一卡的，使用video也可以做到的直播素材渲染吧

不然运行报错：

App running at:
- Local:   http://localhost:8000/
- Network: http://192.168.31.87:8000/

ERROR in ./src/store/network/index.ts:4:32
TS1261: Already included file name 'E:/test/billd-live/src/network/webSocket.ts' differs from file name 'E:/test/billd-live/src/network/websocket.ts' only in casing.
  The file is in the program because:
    Imported via '@/network/webSocket' from file 'E:/test/billd-live/src/store/network/index.ts'
    Imported via './webSocket' from file 'E:/test/billd-live/src/network/webRtc.ts'
    Root file specified for compilation
    2 |
    3 | import { WebRTCClass } from '@/network/webRtc';
  > 4 | import { WebSocketClass } from '@/network/webSocket';
      |                                ^^^^^^^^^^^^^^^^^^^^^
    5 |
    6 | type NetworkRootState = {
    7 |   wsMap: Map<string, WebSocketClass>;