问题标签 [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.
reactjs - 如何向我构建的这个 simplepeer webrtc 应用程序添加静音/取消静音和视频开/关按钮?
前几天我最近在学习 WebRTC 和 simplepeer,我遵循了这个很棒的 youtube 教程:https ://www.youtube.com/watch?v=R1sfHPwEH7A&list=PLK0STOMCFms4nXm1bRUdjhPg0coxI2U6h&index=2 ,
但是,我想知道如何在其中实现静音/取消静音和视频开/关按钮......这可能吗?
这是我的反应应用程序代码的摘录:(房间文件)
p2p - 为什么在 simple-peer 中不触发连接状态?
我在simple-peer库的帮助下编写了一小段代码:
单击connect 1
按钮后,我会收到一个object
可以粘贴到第二个的按钮textarea
。通过这样做,我得到"type":"answer"
了回报,根据文档,这意味着我已连接。但是peer.on('connect'
没有触发,我不知道如何将任何数据发送到其他对等方。
peer.on('connect'
如果未触发,我如何确保我已连接到其他对等方并发送数据?
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)
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)
) 不起作用。但是,更换轨道有效!任何建议/帮助表示赞赏。
reactjs - 在接收端切换相机后视频冻结(使用简单对等包)
这是我用来翻转相机的方法。
console.log('userVideo.current.srcObject.getTracks()',userVideo.current.srcObject.getTracks()); }); }enter code here
reactjs - Simple-Peer:接听电话后其他视频无法呈现
我正在尝试使用 simple-peer 创建一个视频通话应用程序。所以,问题是主机视频已经呈现,但在接收者接受呼叫之后。他们的视频不会被渲染出来。这是我的代码:
我意识到,如果我initializeVideo()
在第一个 useEffect 中运行该函数,就不会有问题。但是,我的目标是仅在用户单击呼叫按钮时渲染两个视频。
reactjs - 使用 simple-peer,peer.on('data') 重复调用
我正在使用simple-peer
库来制作聊天应用程序。
当我使用 接收来自其他对等连接的消息时peer.on('data' => (data) => { console.log(data) })
,它会被多次调用,并且我会多次收到该消息。
reactjs - React /webrtc,视频暂停时音频停止
我认为这与 webrtc 无关,而是反应状态更新和重新渲染,但上下文涉及 webrtc。
我一直在开发一个带有简单对等点和套接字 io 的视频聊天应用程序,用于后端的多点对等聊天。
我正在使用 redux 来处理我的状态。
这是初始的 redux 套接字状态。
我的每个对等流对象看起来像这样
我有一个 setmediaState redux 操作,当我停止视频时,它会向会议内的所有对等方发出带有我的用户 ID 的套接字事件,通知他们该用户已停止视频。音频也是如此。
现在的问题是当我停止视频时,音频也以某种方式暂停。我说这可能是状态/重新渲染问题的原因是当我从上述函数中评论以下代码时。视频停止正常工作/我可以听视频暂停时的音频。
基本上,当我没有在更改 mediaState 时更新同行时,视频停止正常工作。
这是我的视频元素
视频控件
如果有人愿意,我也可以提供 github 链接。
webrtc - 如何检查 webRTC 对等点是否已经分配了特定的轨道?
我试图了解是否有办法知道对等点是否已经连接到特定的音频和/或视频轨道,因为在peer.addTrack(track)
我想确保一个轨道不会被两次添加到同一个对等点之前。