iridium/neko-custom
Archived
2
0
Fork 0
Code Pull Requests Activity

log active keys + onBlur

Browse Source
This commit is contained in:
Miroslav Šedivý 2020-04-11 16:50:59 +02:00
parent 14caa1fba8
commit 52ee737276
1 changed files with 21 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
client/src/components/video.vue
View File

@ -161,6 +161,7 @@
private observer = new ResizeObserver(this.onResise.bind(this))
private focused = false
private fullscreen = false
private activeKeys: any = {}
get admin() {
return this.$accessor.user.admin
@ -333,12 +334,14 @@
})
document.addEventListener('focusin', this.onFocus.bind(this))
document.addEventListener('focusout', this.onBlur.bind(this))
}
beforeDestroy() {
this.observer.disconnect()
this.$accessor.video.setPlayable(false)
document.removeEventListener('focusin', this.onFocus.bind(this))
document.removeEventListener('focusout', this.onBlur.bind(this))
}
play() {
@ -401,6 +404,18 @@
}
}
onBlur() {
if (!this.focused || !this.hosting || this.locked) {
return
}
let keys = Object.keys(this.activeKeys)
for(let key of keys) {
this.$client.sendData('keyup', { key })
delete this.activeKeys[key]
}
}
onMousePos(e: MouseEvent) {
const { w, h } = this.$accessor.video.resolution
const rect = this._overlay.getBoundingClientRect()
@ -486,7 +501,9 @@
return
}
this.$client.sendData('keydown', { key: this.getCode(e) })
let key = this.getCode(e)
this.$client.sendData('keydown', { key })
this.activeKeys[key] = true
}
onKeyUp(e: KeyboardEvent) {
@ -494,7 +511,9 @@
return
}
this.$client.sendData('keyup', { key: this.getCode(e) })
let key = this.getCode(e)
this.$client.sendData('keyup', { key })
delete this.activeKeys[key]
}
onResise() {