| | |
| | | <img |
| | | @click="audioPlay" |
| | | class="audio-control deblurring" |
| | | src="/img/navicon/audio.png" |
| | | :src="audioImgUrl" |
| | | alt |
| | | /> |
| | | </a> |
| | |
| | | audioCourse: false, |
| | | audioSynth: null, |
| | | audioMsg: null, |
| | | panoramaShow: false |
| | | panoramaShow: false, |
| | | audioImgUrl: '/img/icon/start-video.png' |
| | | } |
| | | }, |
| | | created () { }, |
| | | mounted () { |
| | | var that = this |
| | | |
| | | this.audioSynth = window.speechSynthesis |
| | | |
| | | this.audioMsg = new window.SpeechSynthesisUtterance() |
| | | |
| | | this.audioMsg.onend = function () { |
| | | // this.audioSynth.cancel(); |
| | | this.audioFlag = false |
| | | this.audioCourse = false |
| | | that.audioFlag = false |
| | | that.audioCourse = false |
| | | that.audioImgUrl = '/img/icon/close-video.png' |
| | | } |
| | | this.getData() |
| | | |
| | |
| | | this.audioSynth.speak(this.audioMsg) |
| | | this.audioFlag = true |
| | | this.audioCourse = true |
| | | this.audioImgUrl = '/img/icon/start-video.png' |
| | | } else { |
| | | if (this.audioCourse == true) { |
| | | this.audioSynth.pause() |
| | | this.audioCourse = false |
| | | this.audioImgUrl = '/img/icon/close-video.png' |
| | | } else { |
| | | this.audioSynth.resume() |
| | | this.audioCourse = true |
| | | this.audioImgUrl = '/img/icon/start-video.png' |
| | | } |
| | | } |
| | | }, |
| | | |
| | | closeModel () { |
| | | global.viewer.removeLayer(pathLayer) |
| | | global.viewer.removeLayer(pointLayer) |
| | |
| | | this.$store.dispatch('delVisitedViews', this.$route) |
| | | this.$router.push('/pcLayout/default') |
| | | }, |
| | | |
| | | panoramaPlay () { |
| | | this.panoramaShow = true |
| | | this.panoramaUrl = this.panoramaUrlOne |