vue.jsリポジトリにsip.jsを実装しようとしています。
`
import sipModal from './sipModal.vue'
export default {
template: '#sipDialler',
name: 'sip-dialler',
data () {
return {
session: '',
ua: '',
hangupType: 'NOCALL',
inputNumber: '',
onCall: false,
callIncoming: false,
audioConstraints: {
audio: true,
video: false
},
mediaStream: ''
}
},
computed: {
media () {
const audio = document.getElementById('remoteAudio')
const audio2 = document.getElementById('localAudio')
return {
stream: this.audioConstraints,
render: {
remote: audio,
local: audio2
}
}
}
},
components: {
'sip-modal': sipModal
},
created () {
this.registerUserAgent()
},
methods: {
registerUserAgent () {
// eslint-disable-next-line
this.ua = new SIP.UA({
uri: '******.callwise.net',
wsServers: 'wss://sip.callwise.net:443',
traceSip: true,
authorizationUser: '******',
password: '********'
})
this.onRegistered()
this.onUnregistered()
this.onInvite()
},
onRegistered () {
this.ua.on('registered', function () {
// eslint-disable-next-line
SIP.WebRTC.isSupported()
// eslint-disable-next-line
SIP.WebRTC.getUserMedia(this.audioConstraints, function (stream) {
console.log(stream)
this.mediaStream = stream
}, function (e) {
console.error(e)
})
})
},
onUnregistered () {
this.ua.on('unregistered', function () {
console.log('unregistered')
})
},
onInvite () {
this.ua.on('invite', function (incoming) {
console.log('receiving call')
this.session = incoming
this.callIncoming = true
})
},
onFailed () {
this.session.on('failed', function (response, cause) {
this.callIncoming = false
})
},
makeCall () {
this.session = this.ua.invite('sip:' + this.inputNumber + '********.callwise.net', this.media)
},
answerCall () {
this.session.accept(this.media)
this.callIncoming = false
},
rejectCall () {
this.session.reject({statusCode: '486', reasonPhrase: 'Busy Here'})
},
deleteInput () {
this.inputNumber = this.inputNumber.slice(0, -1)
},
addHash () {
this.inputNumber += '#'
},
addAsterisk () {
this.inputNumber += '*'
}
}
}
`
When using that code I get ---> TypeError: Failed to execute 'getUserMedia' on 'Navigator': At least one of audio and video must be requested
at sip-0.7.5.js:10447
at Promise (
at Object.promisifiedMethod [as getUserMedia] (sip-0.7.5.js:10442)
at UA.eval (eval at 186 (0.9df3722….hot-update.js:7),
at UA.EventEmitter.emit (sip-0.7.5.js:112)
at RegisterContext.EventEmitter.emit (sip-0.7.5.js:112)
at RegisterContext.receiveResponse (sip-0.7.5.js:3477)
at RequestSender.receiveResponse (sip-0.7.5.js:3758)
at NonInviteClientTransaction.receiveResponse (sip-0.7.5.js:7615)
at Transport.onMessage (sip-0.7.5.js:8526)
(anonymous) @ sipDialler.vue?36c1:114
If I remove the bit:
SIP.WebRTC.getUserMedia(this.audioConstraints, function (stream) {
console.log(stream)
this.mediaStream = stream
}, function (e) {
console.error(e)
})
})
I don't get any errors and I'm able to make calls, the person I'm calling to can hear me on the mobile-phone but I'm not ables to hear the person I'm calling on my speakers.
Any ideas why is that happening?
Juli0GT
全てのコメント5件
getUserMedia自分で呼び出す必要はありません。 デフォルトのメディアハンドラーが自動的に行います。
egreenmachine
2017年06月01日
ねえエリック、あなたの応答に感謝します。 最初の問題でコード行を削除したときに言ったように、次のようになります。
SIP.WebRTC.getUserMedia(this.audioConstraints, function (stream) { console.log(stream) this.mediaStream = stream }, function (e) { console.error(e) }) })
エラーが表示されなくなり、自分のWebサイトから電話をかけることができます。 ただし、電話をかけている相手は携帯電話からは聞こえますが、コンピューターのスピーカーからは聞こえません。 つまり、アプリはマイクにアクセスしますが、スピーカーにはアクセスしません。 なぜそれが起こるのか考えはありますか？
ありがとう。
Juli0GT
2017年06月02日
まず、リモートオーディオがDOMのオーディオ要素に接続されていることを確認できますか？ また、再生され、一時停止されていないことを確認します。
その場合、最初にSIP.jsをvue.jsの外部で動作させます。 次に、それをvueに統合します。 SIP.jsafaikに影響を与えるはずのvueには実際には何もありません。
egreenmachine
2017年06月02日
エリックに感謝します、ついに私はそれを機能させました私は計算された方法をから変更しました
計算：{
media () {
const audio = document.getElementById('remoteAudio')
const audio2 = document.getElementById('localAudio')
return {
stream: this.audioConstraints,
render: {
remote: audio,
local: audio2
}
}
}
},
に：
options () {
const audio = document.getElementById('remoteAudio')
const audio2 = document.getElementById('localAudio')
return {
media: {
constraints: {
audio: true,
video: false
},
render: {
remote: audio,
local: audio2
}
}
}
},
そして、this.mediaの代わりにthis.optionsを呼び出すと、機能するようです。
助けてくれてありがとう、私は問題を閉じます。
Juli0GT
2017年06月02日
@ Juli0GT
やあ、
作業コードの残りのサンプルを共有していただけますか？
私もそれを機能させるのに苦労しています、そしてあなたは私を大いに助けてくれるでしょう。
ありがとうございました
klukiyan
2020年05月17日
関連する問題
kyle9292
·
3コメント
kakabara
·
8コメント
raphaelhovsepyan
·
6コメント
Fzwael
·
5コメント
josephfrazier
·
26コメント
最も参考になるコメント
@ Juli0GT
やあ、
作業コードの残りのサンプルを共有していただけますか？
私もそれを機能させるのに苦労しています、そしてあなたは私を大いに助けてくれるでしょう。
ありがとうございました