标签: webrtc

我正在尝试在我的页面上运行一个webcamera流,我想使用WebKitGetUserMedia来完成它.我用Google搜索了很多,感觉我已经尝试了所有的例子,但没有人适合我.我显然做错了但我不知道是什么.

所以我的问题是,为了让WebKitGetUserMedia在chrome中运行,我该怎么做？我正在使用Chrome v21.如果有人有一些完整的HTML,js代码示例我会很高兴看到它!

now I need to make webrtc SDP -> normal SDP.

so I need to encode and decode fingerprint in webrtc. I think that fingerprint is SRTP encrypt method.

anyone have experience decode and encode fingerprint. I need following step

WEBRTC SDP -> signal server(decode fingerprint, make normal rtp SDP) -> sip client.

sip 客户端 SDP（普通 rtp）-> 信号服务器（编码指纹，制作 webrtc sdp）-> WEBRTC。

我们依次解码和编码 SRTP 服务器...

请帮我

我在 Internet 上看到的几乎每个 WebRTC 示例都涉及创建一个RTCPeerConnection参数为null. 该规范要求传递两个参数：ICE 服务器配置和媒体约束。

我注意到，如果您通过时两个请求来自同一个路由器null（例如，var pc = new RTCPeerConnection(null);），从技术上讲，一切仍然有效。我不确定它是否适用于跨网络。有人可以在这里更清楚地了解发生了什么吗？

我正在使用 JsSip 0.7x api 来制作 webrtc 的客户端。使用铬进行测试。使用网关终止对 pstn 的呼叫。在 index.html 中使用音频元素并在事件“addstream”初始注册邀请等消息交换和 200 ok 上添加远程流。

日志显示已添加远程流但双方没有音频甚至不响铃。媒体流活动：真，结束：假

有人可以提出可能的问题吗

• index.html <audio id='remoteVideo' 控制 autoplay = "autoplay" > 不支持

-testjssip.js

var localStream, remoteStream = null;

var remoteVideo = document.getElementById('remoteVideo');
var ua, session = null;

var eventHandlers;
var configuration = {
    'ws_servers': '******',
    'uri': '******',
    'password': '*****'
};

// Register callbacks to desired call events 

eventHandlers = {

    'peerconnection': function (e) {

        console.trace("fired for outgoing calls but before sdp generation in peerconnection ");

    },
    'connecting': …

我认为这个问题已被多次提出过.其中一些可以在Chrome或Firefox上运行.

我尝试了解决方案:

 .rc{
 width: 250px;
 height: 250px;
 border-radius: 100%;
 -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
 -webkit-transform: rotate(0.000001deg); 
 -webkit-border-radius: 100%; 
 -moz-border-radius: 100%;
}

将此添加到div类,并将视频标记的高度更改为

<div class="rc"><video id="localVideoStream" height="250" autoplay muted></video></div>

视频源来自webrtc,使用getusermedia,视频流可以成功地成形为圆圈,并使用rc类立即显示在网页上.

问题是每次,视频源都不会处于圆形的中心,它会保持一点左侧.例如,当我的脸在镜头前时,只有一部分脸部位于圆形的右侧.它不在圆圈的中心.谁知道如何解决这个问题？

谢谢.

我对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 () …

我正在使用node.js开发webrtc应用程序.当我运行命令'node server.js'时出现以下错误.

running on https://localhost:444
    events.js:160
          throw er; // Unhandled 'error' event
          ^

Error: listen EACCES 0.0.0.0:444
    at Object.exports._errnoException (util.js:1022:11)
    at exports._exceptionWithHostPort (util.js:1045:20)
    at Server._listen2 (net.js:1246:19)
    at listen (net.js:1295:10)`enter code here`
    at Server.listen (net.js:1391:5)
    at Object.<anonymous> (C:\Websites\WebRTC\server.js:16:63)
    at Module._compile (module.js:570:32)
    at Object.Module._extensions..js (module.js:579:10)
    at Module.load (module.js:487:32)
    at tryModuleLoad (module.js:446:12)

而我的server.js是

var fs = require('fs'),
    express = require('express'),
    https = require('https'),
    http = require('http');
var app = express();

app.use(express.static(__dirname));

http.createServer(app).listen(444);

console.log('running on https://localhost:444');

谢谢.

将类似WhatsApp的视频聊天和文本聊天实现到自己的应用中的最佳方法是什么？可靠性，易于集成和归档以及最终定价。

• Agora：链接
• Twilio 链接
• Sinch 链接
• Opentok / Tokbox 链接

我的应用程序访问相机以用于webrtc,并且正常工作.

我正在使用pwacompatGoogle实验室pwa为我的网络应用添加功能.

当作为一个应用程序运行时pwa,一切正常,直到我访问相机.然后我得到这个console.log错误:

getUserMedia failedObject {type:"error",msg:"undefined不是对象(评估'navigat ..."}

getUserMedia失败类型:错误消息:undefined不是对象(评估'navigator.mediaDevices.getUserMedia')

我错过了什么？

我真的很难获得一个完整的WebRTC数据通道示例示例，该示例可以复制/粘贴并且可以正常工作。

我想要一个带有手动信令的WebRTC数据通道的Javascript示例，即在加载示例时，它在一个文本框中提供了Signaling数据。我手动复制数据（突出显示，复制），然后将其粘贴到对等方的窗口中，该窗口具有一个接受该信令数据的文本框。我相信信令数据中需要有一个“答案”，因此也需要有相应的文本框等待该输入。谢谢。

示例可以使用Google的免费STUN服务器。

我对一些示例感到困惑，我想要一个文件，其中包含HTML和Javascript（请不要CSS或JQuery）。仅在Chrome上运行代码就足够了。谢谢。