62 lines
1.8 KiB
JavaScript
62 lines
1.8 KiB
JavaScript
import StillImage from '../still-image/still-image.vue'
|
|
import fileTypeService from '../../services/file_type/file_type.service.js'
|
|
|
|
const MediaModal = {
|
|
data () {
|
|
return {
|
|
loopVideo: this.$store.state.config.loopVideo
|
|
}
|
|
},
|
|
components: {
|
|
StillImage
|
|
},
|
|
computed: {
|
|
showing () {
|
|
return this.$store.state.mediaViewer.activated
|
|
},
|
|
currentIndex () {
|
|
return this.$store.state.mediaViewer.currentIndex
|
|
},
|
|
currentMedia () {
|
|
return this.$store.state.mediaViewer.media[this.currentIndex]
|
|
},
|
|
type () {
|
|
return this.currentMedia ? fileTypeService.fileType(this.currentMedia.mimetype) : null
|
|
}
|
|
},
|
|
created () {
|
|
document.addEventListener('keyup', e => {
|
|
if (e.keyCode === 27 && this.showing) { // escape
|
|
this.hide()
|
|
}
|
|
})
|
|
},
|
|
methods: {
|
|
hide () {
|
|
this.$store.dispatch('closeMediaViewer')
|
|
},
|
|
onVideoDataLoad (e) {
|
|
if (!e.srcElement) {
|
|
return
|
|
}
|
|
if (typeof e.srcElement.webkitAudioDecodedByteCount !== 'undefined') {
|
|
// non-zero if video has audio track
|
|
if (e.srcElement.webkitAudioDecodedByteCount > 0) {
|
|
this.loopVideo = this.$store.state.config.loopVideo && !this.$store.state.config.loopVideoSilentOnly
|
|
}
|
|
} else if (typeof e.srcElement.mozHasAudio !== 'undefined') {
|
|
// true if video has audio track
|
|
if (e.srcElement.mozHasAudio) {
|
|
this.loopVideo = this.$store.state.config.loopVideo && !this.$store.state.config.loopVideoSilentOnly
|
|
}
|
|
} else if (typeof e.srcElement.audioTracks !== 'undefined') {
|
|
if (e.srcElement.audioTracks.length > 0) {
|
|
this.loopVideo = this.$store.state.config.loopVideo && !this.$store.state.config.loopVideoSilentOnly
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
export default MediaModal
|