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

autoplay as Prop.

Browse Source
This commit is contained in:
Miroslav Šedivý 2021-01-31 14:06:08 +01:00
parent d7ee530960
commit 22829850bb
1 changed files with 10 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/component/main.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<div ref="component" class="component"> <div ref="component" class="component">
<div ref="container" class="player-container"> <div ref="container" class="player-container">
<video ref="video" muted /> <video ref="video" :autoplay="autoplay" :muted="autoplay" />
<neko-overlay <neko-overlay
:webrtc="webrtc" :webrtc="webrtc"
:control="state.control" :control="state.control"
@ -75,6 +75,9 @@
webrtc = new NekoWebRTC() webrtc = new NekoWebRTC()
observer = new ResizeObserver(this.onResize.bind(this)) observer = new ResizeObserver(this.onResize.bind(this))
@Prop({ type: Boolean })
private readonly autoplay!: boolean
///////////////////////////// /////////////////////////////
// Public state // Public state
///////////////////////////// /////////////////////////////
@ -360,7 +363,9 @@
this._video.src = window.URL.createObjectURL(streams[0]) // for older browsers this._video.src = window.URL.createObjectURL(streams[0]) // for older browsers
} }
this._video.play() if (this.autoplay) {
this._video.play()
}
}) })
this.webrtc.on('connecting', () => { this.webrtc.on('connecting', () => {
Vue.set(this.state.connection, 'webrtc', 'connecting') Vue.set(this.state.connection, 'webrtc', 'connecting')
@ -397,7 +402,9 @@
}) })
// unmute on users first interaction // unmute on users first interaction
document.addEventListener('click', this.unmute, { once: true }) if (this.autoplay) {
document.addEventListener('click', this.unmute, { once: true })
}
} }
beforeDestroy() { beforeDestroy() {