如何使用Javascript创建WebRTC + PubNub开源视频聊天,语音聊天

时间:2014-10-17 11:18:47

标签: javascript joomla webrtc pubnub

是否可以使用WebRTC + PubNub在我的网站上创建实时视频和语音聊天应用程序。 任何人都可以帮助我找到一个好的现有代码以及如何集成。我正在使用joomla 2.5。 我需要多个单通道视频和音频流。

1 个答案:

答案 0 :(得分:2)

是的,他们在您必须注册的网站上进行了演示才能尝试。 http://www.pubnub.com/developers/webrtc/

看起来您使用WebRTC库编写代码,并且以PubNub方式,PubNub库提供了订阅和侦听新连接的方法。 (PubNub库具有查看用户在线和离线的功能。)这是您正在寻找的吗?一种能够呼叫可用用户的聊天存在吗?如果是这样,使用PubNub可能是个好主意。

如果您真的是WebRTC初学者并且正在尝试在您的Joomla网站用户之间进行基本视频通话,您可以尝试使用开源SIP.js(sipjs.com)和OnSIP。这是在WebRTC和SIP之上编写的。您可以在getonsip.com上获得快速用户。这就是制作视频通话的样子(在页面加载时开始调用,单击结束按钮以结束通话):

在HTML中

<script src="http://sipjs.com/download/sip-0.6.3.min.js">

<video id="remoteVideo"></video>
<video id="localVideo" muted="muted"></video>
<button id="endCall">End Call</button>

在JavaScript中:

var session;

var endButton = document.getElementById('endCall');
endButton.addEventListener("click", function () {
    session.bye();
    alert("Call Ended");
}, false);

//Creates the anonymous user agent so that you can make calls
var userAgent = new SIP.UA();

//here you determine whether the call has video and audio
var options = {
    media: {
        constraints: {
            audio: true,
            video: true
        },
        render: {
            remote: {
                video: document.getElementById('remoteVideo')
            },
            local: {
                video: document.getElementById('localVideo')
            }
        }
    }
};
//makes the call

session = userAgent.invite('sip:youruser@yourdomain.onsip.com', options);

您可以在getonsip.com上注册快速用户地址并登录结束点。