iridium/neko
2
2
Fork 0
mirror of https://github.com/m1k1o/neko.git synced 2024-07-24 14:40:50 +12:00
Code Issues Packages Projects Releases Wiki Activity

add Picture in Picture

Browse Source
This commit is contained in:
m1k1o 2020-12-18 19:12:41 +01:00
parent 7189bb6973
commit 584c94b327
1 changed files with 13 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -38,6 +38,13 @@
</ul> </ul>
<ul v-if="!fullscreen" class="video-menu bottom"> <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_available"><i @click.stop.prevent="onClipboard" class="fas fa-clipboard"></i></li>
<li>
<i
@click.stop.prevent="requestPictureInPicture"
v-tooltip="{ content: 'Picture-in-Picture', placement: 'left', offset: 5, boundariesElement: 'body' }"
class="fas fa-external-link-alt"
/>
</li>
</ul> </ul>
<neko-resolution ref="resolution" v-if="admin" /> <neko-resolution ref="resolution" v-if="admin" />
<neko-clipboard ref="clipboard" v-if="hosting && !clipboard_available" /> <neko-clipboard ref="clipboard" v-if="hosting && !clipboard_available" />
@ -461,6 +468,12 @@
this.onResise() this.onResise()
} }
requestPictureInPicture() {
//@ts-ignore
this._video.requestPictureInPicture()
this.onResise()
}
onFocus() { onFocus() {
if (!document.hasFocus() || !this.$accessor.active) { if (!document.hasFocus() || !this.$accessor.active) {
return return