Sipjs与onsip，基于webrtc的web端视频通话

最新推荐文章于 2025-06-26 09:18:43 发布

宥个袋袋

最新推荐文章于 2025-06-26 09:18:43 发布

阅读量5.5k

点赞数

CC 4.0 BY-SA版权

分类专栏： web端文章标签： sip.js onsip web视频通话

本文链接：https://blog.youkuaiyun.com/weixin_43760090/article/details/89150887

本文介绍了如何利用Sip.js和OnSip搭建基于WebRTC的视频通话系统。通过安装Sip.js库，创建UserAgent进行账号注册，发起和接听视频邀请，以及挂断电话的详细步骤，实现两端视频通话功能。关键在于处理session接受与视频流的激活。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

全文参考SIP.JS官方文档https://sipjs.com/；
以及一个博主（月下家宴）的博客
https://blog.youkuaiyun.com/Java_lilin/article/details/88417686

代码很简单，大部分拷贝博主（月下家宴）的博客的代码，他的代码就算一个Demo了。
讲一下我的思路
1、首先安装好Sip.js，让我们可以使用它。

2、然后我们就可以创建一个账号一样的userAgent ,作为拨打端
var userAgent = new UA(config);
config即代表你的具体账号名，可以用freeswitch的账号，我用的是SIP.JS自带服务器OnSip注册的账号。

3、作为邀请人拨打视频即
userAgent.invite(‘bob@example.com’);

4、被邀请到的人接到邀请后怎么反应呢：
userAgent.on(‘invite’,function (session) => session.accept());
function (session)里面写具体判断；
并在里面加入判断视频流，让两个实现双方互相视频

注意：实现两个vedio都有播放要用accept而不是trackAdded，不然localStream或者remoteStream的active一直为false

  xsipsession.on('accepted', function() {
                    var pc = session.sessionDescriptionHandler.peerConnection;
                    console.log(pc);
                    // Gets remote tracks
                    var remoteStr

最低0.47元/天解锁文章

200万优质内容无限畅学