在vue中 使用JsSIP

第一步 拉取jssip

npm i jssip-for-node
1
第二步
点击签入的时候，要判断当前浏览器是否支持麦克风

打开谷歌 右击属性 更改目标–unsafely-treat-insecure-origin-as-secure=” http://电脑ip”
关闭当其浏览器 再次打开
粘贴以下代码
<el-button @click=”signinApi(‘signin’)”>签入</el-button>

// 判断是否插入麦克风
asdas(value) {
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia;
const that = this;
if (navigator.getUserMedia) {
console.log(“接入录音设备”);
navigator.getUserMedia({audio: true},
function onSuccess(stream) {
console.log(“已点击允许,开启成功”);
//后台接口 返回 jssip 需要的参数 {
//”code”: “0”,
// “result”: {
// “wsUrl”: “wss://sip.fanlp.cn:7443”,
// “uri”: “sip:2002@sip.fanlp.cn:7443”,
// “password”: “1234”
//},
//”message”: “操作成功”
//}
let json = {}
json.opt = value
json.taskId = that.ruleFrom.taskId[1]
that.hwyStatusOpt(json)
},
function onError(error) {
that.$message.error(“拒绝麦克风授权，请重新签入”);
}
);
} else {
// 不支持
console.log(“请接入麦克风设备在迁入”);
that.$message.error(“请接入麦克风设备再签入”);
}
},
 
第三布 配置jssip

//sip 配置 注册
callPhone(obj) {
debugger
// 配置信息
if (this.ua) {
this.ua.stop();
}
const socket = new this.JsSIP.WebSocketInterface(obj.wsUrl);
const configuration = {
sockets: [socket],
uri: obj.uri,
password: obj.password
};
// 创建UA
this.ua = new this.JsSIP.UA(configuration);
// 状态回调
this.ua.on(“connected”, function (e) {
console.log(“——–已连接———“);
});
this.ua.on(“disconnected”, function (e) {
console.log(“——-未连接——–“);
});
this.ua.on(“registered”, function (e) {
console.log(“——–已注册——-“);
});
this.ua.on(“unregistered”, function (e) {
console.log(“——未注册——–“);
});
this.ua.on(“registrationFailed”, e => {
this.$message.error(“SIP注册失败,请联系管理员”);
});
//改变按钮状态
this.signIn = true
this.startwork = false
//客户接到了电话才会走这里
this.ua.on(“newRTCSession”, e => {
console.log(“newRTCSession”);
console.log(e);
this.nextCallIntervalTimerEvent = e;
console.log(“Callid=” + e.request.headers[“X-Callid”][0].raw + “——————Phone=” + e.request.headers[“X-Phone”][0].raw);
const Taskid = e.request.headers[“X-Taskid”][0].raw;
const Phone = e.request.headers[“X-Phone”][0].raw;
const callId = e.request.headers[“X-Callid”][0].raw;

e.session.on(“confirmed”, e => {
console.log(“————————–电话接通，开始通话”);
});
e.session.on(“ended”, e => {
console.log(“—————————电话已挂断，开始问卷”);
//挂机后 嘟一声挂断了
this.$refs.hangMusic.play();
});
//绑定回调后先给坐席‘滴’一声
this.$refs.tipMusic.play();
e.session.answer();
});
// 登陆
this.ua.start();
// 登出
// ua.stop();
},

//挂断、接通、执行的录音
<audio id=”audio” src autoplay/>
<audio ref=”tipMusic” :src=”tipMusic”/>
<audio ref=”hangMusic” :src=”hangMusic”/>
————————————————
版权声明：本文为CSDN博主「說好樂卟見麵」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/qq_41495998/article/details/102978493