webrtc 相关问题

WebRTC是一个免费的开放式项目，通过简单的API为浏览器和移动应用程序提供实时通信（RTC）功能。 WebRTC的API使丰富，高质量的RTC应用程序能够通过一组通用协议使用音频，视频和二进制数据流进行通信。

带有 simple-peer 的 React 组件似乎无法完成 ICE 服务器到 Janus WebRTC 服务器的连接

我正在开发基于 Vite-TS 的 React 应用程序和带有 Record&Play 插件的 Janus Gateway WebRTC 服务器；理想情况下，应用程序对等方会启动一切，提供媒体流，然后...

reactjs webrtc p2p janus-gateway simple-peer

回答 1 投票 0

将 MediaDevices.enumerateDevices() 的值分配给 JavaScript 中的全局变量

我有一个关于JavaScript顺序的问题。让我先向您展示我的代码：这是我的 HTML：我有一个关于 JavaScript 顺序的问题。让我先向您展示我的代码：这是我的 HTML： <video id="video" width="320" height="320" autoplay></video><br> <button id="snap">Snap Photo</button><br> <canvas id="canvas" width="320" height="320"></canvas> <p id="pngHolder"></p> 这是我的 JavaScript： <script> var Id; //List cameras and microphones. if (!navigator.mediaDevices || !navigator.mediaDevices.enumerateDevices) { console.log("enumerateDevices() not supported."); } navigator.mediaDevices.enumerateDevices() .then(function (devices) { devices.forEach(function (device) { if (device.kind == "videoinput" && device.label.indexOf('back') >= 0) { Id = device.deviceId; alert("ID 1 : " + Id); } }); }) .catch(function (err) { console.log(err.name + ": " + err.message); }); // Put event listeners into place window.addEventListener("DOMContentLoaded", function () { // Grab elements, create settings, etc. alert("ID 2 : "+ Id); var canvas = document.getElementById("canvas"), videoObj = { video: { optional: [{ deviceId: Id }] } }, context = canvas.getContext("2d"), video = document.getElementById("video"), errBack = function (error) { console.log("Video capture error: ", error.code); }; // Trigger photo take document.getElementById("snap").addEventListener("click", function () { context.drawImage(video, 0, 0, 640, 480); // Get the image var image = convertCanvasToImage(canvas); // Actions document.getElementById("pngHolder").appendChild(image); // Converts canvas to an image function convertCanvasToImage(canvas) { var image = new Image(); image.src = canvas.toDataURL("image/png"); return image; } }); //alert("ID 2 : " + Id); // Put video listeners into place if (navigator.getUserMedia) { // Standard navigator.getUserMedia(videoObj, function (stream) { video.src = stream; video.play(); }, errBack); } else if (navigator.webkitGetUserMedia) { // WebKit-prefixed navigator.webkitGetUserMedia(videoObj, function (stream) { video.src = window.webkitURL.createObjectURL(stream); video.play(); }, errBack); } else if (navigator.mozGetUserMedia) { // Firefox-prefixed navigator.mozGetUserMedia(videoObj, function (stream) { video.src = window.URL.createObjectURL(stream); video.play(); }, errBack); } }, false); 我想将 device.deviceId 的值插入到我在 JavaScript 行第一行定义的变量 Id 中。它仍然是成功的（由 alert("ID 1 : " + Id); 表示）。但是当我尝试将其放入 optional: [{ deviceId: Id }] 时，Id 没有任何值。而且，当我尝试使用浏览器运行它时，我发现首先显示的是 alert("ID 2 : " + Id); 而不是 alert("ID 1 : " + Id);。其实我已经把alert("ID 1 : " + Id);放在第一位了。我认为这就是变量仍然为空的原因。我的问题是如何将 device.deviceId 值插入到 optional: [{ deviceId: Id }] ？ navigator.mediaDevices.enumerateDevices 和 DOMContentLoaded 正在比赛，后者获胜，因此您在设置之前使用 Id。要解决此问题，请使用临时 haveId 承诺： var haveId = navigator.mediaDevices.enumerateDevices() .then(devices => devices.find(d => d.kind == "videoinput" && d.label.indexOf("back") >= 0)); // Put event listeners into place window.addEventListener("DOMContentLoaded", function () { haveId.then(id => { // Grab elements, create settings, etc. alert("ID 2 : "+ id); var canvas = document.getElementById("canvas"), videoObj = { video: { deviceId: id } }, // <-- adapter.js constraints Promise 链创建依赖关系，这样，在这两件事都发生之前，getUserMedia代码不会继续执行。第二个问题是你混合了新的和过时的 Chrome 特定约束。要么使用 adapter.js 直到 Chrome 赶上，或者在紧要关头，使用仅限 Chrome 的 sourceId（但这在任何其他浏览器中都不起作用）。 navigator.mediaDevices.enumerateDevices() 是异步的。它返回一个承诺（想想回调，但更奇特）。您应该从那里触发对 getUserMedia 的调用，或者等待 DOMContentLoaded 和 enumerateDevices，然后执行 getUserMedia。我没有任何答案我的开发者帐户无法连接我所有的电子邮件，即使是在 Google 之外发送的电子邮件我的手机我的电视我的电脑我妈妈的手机她的 Wi-Fi 我丈夫的手机他妻子的一切都已连接我没有，我对此一无所知，我对手机或电脑一无所知，我没有授权，没有告诉任何人他们可以这样做，有人知道发生了什么事吗？？？

javascript html mobile camera webrtc

回答 3 投票 0

Android 的最后一个预编译库 org.webrtc:google-webrtc:1.0 在哪里？

我调查了主要来源 JCenter 已关闭：JCenter 曾经托管过一些 WebRTC 版本，但是现在已经关闭了。 Maven Central：Maven Central 不托管 org.webrtc:google-webrtc lib...

android webrtc

回答 1 投票 0

成功获取本地流WebRTC后视频元素没有显示

目前，我正在创建一个P2P视频通话应用程序。我希望当我单击打开相机时，相机将被打开，媒体流将被馈送到我的视频标签。这是代码，...

javascript reactjs webrtc

回答 2 投票 0

peerConnection.onicecandidate 回调未被调用（webRTC、Angular）

我是一个初学者，试图将 webRTC 视频通话应用程序作为一个项目制作（我设法让它与 websockets 一起工作，但在慢速互联网上会冻结）。我使用 Angular 来实现 FE，使用 Go 来实现 BE。我有一个...