问题标签 [simple-peer]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
378 浏览

reactjs - 如何向我构建的这个 simplepeer webrtc 应用程序添加静音/取消静音和视频开/关按钮?

前几天我最近在学习 WebRTC 和 simplepeer,我遵循了这个很棒的 youtube 教程:https ://www.youtube.com/watch?v=R1sfHPwEH7A&list=PLK0STOMCFms4nXm1bRUdjhPg0coxI2U6h&index=2 ,

但是,我想知道如何在其中实现静音/取消静音和视频开/关按钮......这可能吗?

这是我的反应应用程序代码的摘录:(房间文件)

0 投票
0 回答
25 浏览

p2p - 为什么在 simple-peer 中不触发连接状态?

我在simple-peer库的帮助下编写了一小段代码:

单击connect 1按钮后,我会收到一个object可以粘贴到第二个的按钮textarea。通过这样做,我得到"type":"answer"了回报,根据文档,这意味着我已连接。但是peer.on('connect'没有触发,我不知道如何将任何数据发送到其他对等方。

peer.on('connect'如果未触发,我如何确保我已连接到其他对等方并发送数据?

0 投票
0 回答
54 浏览

svelte - 为什么 simple-peer 在使用 svelte 时显示错误?

ParseError: /node_modules/safe-buffer/buffer.js 错误: ENOENT: 没有这样的文件或目录,在 compileModule (/home /harsh/Harsh/svelte/sveltezoom/node_modules/nollup/lib/impl/NollupCompiler.js:116:19) 在 processTicksAndRejections (internal/process/task_queues.js:93:5) 在 async compileModule (/home/harsh/Harsh /svelte/sveltezoom/node_modules/nollup/lib/impl/NollupCompiler.js:114:13) 在异步 compileModule (/home/harsh/Harsh/svelte/sveltezoom/node_modules/nollup/lib/impl/NollupCompiler.js:114: 13) 在异步 compileModule (/home/harsh/Harsh/svelte/sveltezoom/node_modules/nollup/lib/impl/NollupCompiler.js:114:13) 在异步 compileInputTarget (/home/harsh/Harsh/svelte/sveltezoom/node_modules/ nollup/lib/impl/NollupCompiler.js:138:5) 在异步对象。在异步 generateImpl (/home/harsh/Harsh/svelte/sveltezoom/node_modules/nollup/lib/ index.js:13:21)

0 投票
0 回答
224 浏览

reactjs - 简单对等 - addTrack(track, stream) 不起作用

使用最新版本的 simple-peer (^9.11.0")。

使用反应前端。

根据官方文档(https://www.npmjs.com/package/simple-peer)和(https://github.com/feross/simple-peer),明确提到,我们可以通过添加track

下面是我将共享屏幕媒体轨道添加到现有对等点的代码:

添加曲目 ( peer.addTrack(stream.getVideoTracks()[0], stream)) 不起作用。但是,更换轨道有效!任何建议/帮助表示赞赏。

0 投票
0 回答
34 浏览

reactjs - 在接收端切换相机后视频冻结(使用简单对等包)

这是我用来翻转相机的方法。

console.log('userVideo.current.srcObject.getTracks()',userVideo.current.srcObject.getTracks()); }); }enter code here

0 投票
0 回答
119 浏览

reactjs - Simple-Peer:接听电话后其他视频无法呈现

我正在尝试使用 simple-peer 创建一个视频通话应用程序。所以,问题是主机视频已经呈现,但在接收者接受呼叫之后。他们的视频不会被渲染出来。这是我的代码:

我意识到,如果我initializeVideo()在第一个 useEffect 中运行该函数,就不会有问题。但是,我的目标是仅在用户单击呼叫按钮时渲染两个视频。

0 投票
0 回答
28 浏览

node.js - 未捕获(承诺)错误:群视频聊天项目中的 InvalidStateError

我正在尝试使用 node.js 中的simple-peer库创建一个群组视频聊天项目。但是,每当其他用户尝试加入任何预先创建的会议时,他都无法看到会议其他成员的视频。相反,它显示黑屏。

会议加入者方面,它显示以下错误

在其他会议成员方面,它显示以下错误

已经4天了,如果有人知道解决方案,我会遇到同样的错误,请帮忙。

这是在会议加入者方面的样子:

在此处输入图像描述

0 投票
0 回答
58 浏览

reactjs - 使用 simple-peer,peer.on('data') 重复调用

我正在使用simple-peer库来制作聊天应用程序。
当我使用 接收来自其他对等连接的消息时peer.on('data' => (data) => { console.log(data) }),它会被多次调用,并且我会多次收到该消息。

0 投票
0 回答
92 浏览

reactjs - React /webrtc,视频暂停时音频停止

我认为这与 webrtc 无关,而是反应状态更新和重新渲染,但上下文涉及 webrtc。

我一直在开发一个带有简单对等点和套接字 io 的视频聊天应用程序,用于后端的多点对等聊天。

我正在使用 redux 来处理我的状态。

这是初始的 redux 套接字状态。

我的每个对等流对象看起来像这样

我有一个 setmediaState redux 操作,当我停止视频时,它会向会议内的所有对等方发出带有我的用户 ID 的套接字事件,通知他们该用户已停止视频。音频也是如此。

现在的问题是当我停止视频时,音频也以某种方式暂停。我说这可能是状态/重新渲染问题的原因是当我从上述函数中评论以下代码时。视频停止正常工作/我可以听视频暂停时的音频。

基本上,当我没有在更改 mediaState 时更新同行时,视频停止正常工作。

这是我的视频元素

视频控件

如果有人愿意,我也可以提供 github 链接。

0 投票
1 回答
60 浏览

webrtc - 如何检查 webRTC 对等点是否已经分配了特定的轨道?

我试图了解是否有办法知道对等点是否已经连接到特定的音频和/或视频轨道,因为在peer.addTrack(track)我想确保一个轨道不会被两次添加到同一个对等点之前。