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

show clipboard when writeText or readText is not available

Browse Source
This commit is contained in:
m1k1o 2021-02-11 23:03:08 +01:00
parent 78fe08a029
commit a67d1d0e4f
2 changed files with 11 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
README.md
View File

@ -21,7 +21,7 @@ This app uses Web RTC to stream a desktop inside of a docker container. This is
## Differences to original repository.
### New Features
- Clipboard button with text area - for browsers, that don't support clipboard syncing or for HTTP.
- Clipboard button with text area - for browsers, that don't support clipboard syncing (FireFox, what a shame...) or for HTTP.
- Keyboard modifier state synchronization (Num Lock, Caps Lock, Scroll Lock) for each hosting.
- Added chromium ungoogled (with h265 support) an kept up to date by @whalehub.
- Added Picture in Picture button (only for watching screen, controlling not possible).

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

@ -37,7 +37,7 @@
</li>
</ul>
<ul v-if="!fullscreen" class="video-menu bottom">
<li v-if="hosting && !clipboard_available"><i @click.stop.prevent="onClipboard" class="fas fa-clipboard"></i></li>
<li v-if="hosting && (!clipboard_read_available || !clipboard_write_available)"><i @click.stop.prevent="onClipboard" class="fas fa-clipboard"></i></li>
<li>
<i
@click.stop.prevent="requestPictureInPicture"
@ -47,7 +47,7 @@
</li>
</ul>
<neko-resolution ref="resolution" v-if="admin" />
<neko-clipboard ref="clipboard" v-if="hosting && !clipboard_available" />
<neko-clipboard ref="clipboard" v-if="hosting && (!clipboard_read_available || !clipboard_write_available)" />
</div>
</div>
</template>
@ -272,8 +272,12 @@
return this.$accessor.settings.scroll_invert
}
get clipboard_available() {
return 'clipboard' in navigator
get clipboard_read_available() {
return 'clipboard' in navigator && typeof navigator.clipboard.readText === 'function'
}
get clipboard_write_available() {
return 'clipboard' in navigator && typeof navigator.clipboard.writeText === 'function'
}
get clipboard() {
@ -349,7 +353,7 @@
@Watch('clipboard')
onClipboardChanged(clipboard: string) {
if (this.clipboard_available && typeof navigator.clipboard.writeText === 'function') {
if (this.clipboard_write_available) {
navigator.clipboard.writeText(clipboard).catch(console.error)
}
}
@ -479,7 +483,7 @@
return
}
if (this.hosting && this.clipboard_available && typeof navigator.clipboard.readText === 'function') {
if (this.hosting && this.clipboard_read_available) {
navigator.clipboard
.readText()
.then((text) => {