使用webrtc进行双向通信?

时间:2015-04-12 18:10:22

标签: html5 html5-canvas webrtc

我正在尝试学习如何使用webrtc让用户通过网络摄像头和音频进行双向通信。

我遇到过这个问题:LINK

我认为这对我开始学习是完美的,因为它似乎非常简单直接,与我在谷歌上找到的其他东西不同。

然而,我真的不能在他们自己的演示和我自己的服务器上完成这项工作!

我只在一个小窗口中看到自己的网络摄像头视图,但找不到任何与其他人分享的链接!

我认为:<a id="link" target="_blank">Video Link</a>将是与其他人分享聊天会话的链接,但是当我点击该链接时绝对没有任何事情发生。

我选择使用上面链接中显示的代码的主要原因是因为它似乎没有使用任何插件而不像其他插件。

我的问题是我错过了一些可以使这项工作的东西吗?

或我是否需要plugin才能使webrtc用于视频/音频P2P聊天?

任何建议都将不胜感激。

2 个答案:

答案 0 :(得分:0)

WebRTC本质上用于P2P通信,我建议使用像http://simplewebrtc.com/这样简单的东西

请参阅下面的代码,您可以使用它创建简单的WebRTC应用程序,只需将测试123的房间名称更改为其他内容。

<!DOCTYPE html>
<html>
    <head>
        <script src="http://simplewebrtc.com/latest.js"></script> 
        <style>
            #remoteVideos video {
                height: 320px;
            }
            #localVideo {
                height: 240px;
            }
        </style>
<script>
var webrtc = new SimpleWebRTC({
    // the id/element dom element that will hold "our" video
    localVideoEl: 'localVideo',
    // the id/element dom element that will hold remote videos
    remoteVideosEl: 'remoteVideos',
    // immediately ask for camera access
    autoRequestMedia: true,
//    url: 'atlas'
});

// we have to wait until it's ready
webrtc.on('readyToCall', function () {
    // you can name it anything
    webrtc.joinRoom('testing123');
});

</script>
    </head>
    <body>
        <video id="localVideo"></video>
        <div id="remoteVideos"></div>
    </body>
</html>

答案 1 :(得分:0)

您不需要插件。您需要能够编写javascript以在浏览器中使用WebRTC API(听起来您不想编写自己的本机应用程序吗?),并且您需要某种信令服务器来启用两个对等(浏览器客户端) )互相发送消息。根据您的需要,您不一定需要数据库。