J'essaie d'implémenter sip.js dans mon référentiel vue.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
Tous les 5 commentaires
Vous ne devriez pas avoir besoin d'appeler vous-même getUserMedia . Le gestionnaire de média par défaut le fera pour vous.
egreenmachine
le 1 juin 2017
Salut Éric, merci pour ta réponse. Comme je l'ai dit dans mon premier problème lorsque j'ai supprimé la ligne de code :
SIP.WebRTC.getUserMedia(this.audioConstraints, function (stream) { console.log(stream) this.mediaStream = stream }, function (e) { console.error(e) }) })
L'erreur cesse de s'afficher et je peux passer des appels depuis mon site Web. Cependant, la personne que j'appelle peut m'entendre depuis son téléphone portable mais je n'arrive pas à écouter la personne que j'appelle depuis les haut-parleurs de mon ordinateur. Cela signifie que l'application accède à mon microphone mais pas à mes haut-parleurs. Une idée pourquoi cela arrive-t-il?
Merci.
Juli0GT
le 2 juin 2017
Tout d'abord, pouvez-vous confirmer que l'audio distant est attaché à l'élément audio sur le DOM ? Vérifiez également qu'il est lu et non en pause.
Si tel est le cas, je ferais d'abord fonctionner SIP.js en dehors de vue.js. Puis intégrez-le dans vue. Il n'y a vraiment rien en vue qui devrait affecter SIP.js à ma connaissance.
egreenmachine
le 2 juin 2017
Merci Eric, enfin je l'ai fait fonctionner j'ai changé ma méthode de calcul de
calculé : {
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
}
}
}
},
Et appeler this.options au lieu de this.media et semble fonctionner.
Merci beaucoup pour votre aide, je clos le sujet.
Juli0GT
le 2 juin 2017
@Juli0GT
Salut,
Pourriez-vous s'il vous plaît partager le reste de l'échantillon de votre code de travail ?
J'ai du mal à le faire fonctionner aussi et vous pourriez m'aider beaucoup.
Merci
klukiyan
le 17 mai 2020
Questions connexes
raphaelhovsepyan
·
6Commentaires
DenisButCheR
·
7Commentaires
Pjata
·
11Commentaires
seanbright
·
3Commentaires
tm1000
·
12Commentaires
Commentaire le plus utile
@Juli0GT
Salut,
Pourriez-vous s'il vous plaît partager le reste de l'échantillon de votre code de travail ?
J'ai du mal à le faire fonctionner aussi et vous pourriez m'aider beaucoup.
Merci