luzifer/browserphone
1
0
Fork 0
mirror of https://github.com/Luzifer/browserphone.git synced 2024-11-09 22:30:09 +00:00
Code Issues Releases Wiki Activity

Disable call button on disconnect, add backoff for conn retries

Browse source 
Signed-off-by: Knut Ahlers <knut@ahlers.me>
This commit is contained in:
Knut Ahlers 2022-12-10 20:32:37 +01:00
parent 8561eed3f8
commit 1a9aae04c3
Signed by: luzifer
GPG key ID: D91C3E91E4CAD6F5
1 changed files with 20 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
src/app.vue
View file

@ -33,7 +33,7 @@
</b-col> </b-col>
<b-col cols="4" class="text-center mb-2"> <b-col cols="4" class="text-center mb-2">
<b-btn size="lg" :variant="ongoingCall ? 'danger' : 'success'" @click="toggleCall"> <b-btn size="lg" :variant="ongoingCall ? 'danger' : 'success'" @click="toggleCall" :disabled="!phoneReady">
<i :class="{ 'fas': true, 'fa-phone': !ongoingCall, 'fa-phone-slash': ongoingCall }"></i> <i :class="{ 'fas': true, 'fa-phone': !ongoingCall, 'fa-phone-slash': ongoingCall }"></i>
</b-btn> </b-btn>
</b-col> </b-col>
@ -71,15 +71,26 @@ export default {
pendingCall() { pendingCall() {
return this.phone.conn && this.phone.conn.status() === 'pending' return this.phone.conn && this.phone.conn.status() === 'pending'
}, },
phoneReady() {
return this.phone.conn && this.phone.device && this.phone.registered
},
}, },
data() { data() {
return { return {
backoff: {
current: 100,
initial: 100,
max: 30000,
multiplier: 1.25,
},
identity: null, identity: null,
number: '', number: '',
phone: { phone: {
conn: null, conn: null,
device: null, device: null,
registered: false,
}, },
state: '', state: '',
wakeLock: { wakeLock: {
@ -132,6 +143,7 @@ export default {
}, },
setupPhone() { setupPhone() {
this.backoff.current = Math.min(this.backoff.current * this.backoff.multiplier, this.backoff.max)
const opts = { codecPreferences: ['opus', 'pcmu'], fakeLocalDTMF: true } const opts = { codecPreferences: ['opus', 'pcmu'], fakeLocalDTMF: true }
if (this.phone.device) { if (this.phone.device) {
@ -146,7 +158,11 @@ export default {
.then(resp => { .then(resp => {
this.phone.device = new Device(resp.data.token, opts) this.phone.device = new Device(resp.data.token, opts)
this.phone.device.on('registered', () => this.announceStatus('Device registered')) this.phone.device.on('registered', () => {
this.backoff.current = this.backoff.initial
this.phone.registered = true
this.announceStatus('Device registered')
})
this.phone.device.on('error', err => console.error(err)) this.phone.device.on('error', err => console.error(err))
@ -156,8 +172,9 @@ export default {
}) })
this.phone.device.on('unregistered', () => { this.phone.device.on('unregistered', () => {
this.phone.registered = false
this.announceStatus('Phone unregistered, reconnecting...') this.announceStatus('Phone unregistered, reconnecting...')
this.setupPhone() window.setTimeout(() => this.setupPhone(), this.backoff.current)
}) })
this.phone.device.register() this.phone.device.register()