|
@@ -44,6 +44,7 @@
|
|
webkit-playsinline="true"
|
|
webkit-playsinline="true"
|
|
x5-video-player-type="h5"
|
|
x5-video-player-type="h5"
|
|
@play="onVideoPlay"
|
|
@play="onVideoPlay"
|
|
|
|
+ @ended="onVideoEnd"
|
|
/>
|
|
/>
|
|
<transition name="fade-in">
|
|
<transition name="fade-in">
|
|
<button
|
|
<button
|
|
@@ -60,7 +61,7 @@
|
|
import { ref, computed, watch, onMounted } from "vue"
|
|
import { ref, computed, watch, onMounted } from "vue"
|
|
import { useRoute, useRouter } from "vue-router"
|
|
import { useRoute, useRouter } from "vue-router"
|
|
import { useStore } from "vuex"
|
|
import { useStore } from "vuex"
|
|
-import startupVoiceUrl from '@/assets/audios/startup-voice.mp3'
|
|
|
|
|
|
+// import startupVoiceUrl from '@/assets/audios/startup-voice.mp3'
|
|
|
|
|
|
const route = useRoute()
|
|
const route = useRoute()
|
|
const router = useRouter()
|
|
const router = useRouter()
|
|
@@ -100,22 +101,26 @@ watch(haveShownStartUp, (v) => {
|
|
}
|
|
}
|
|
})
|
|
})
|
|
|
|
|
|
-const startUpAudio = new Audio(startupVoiceUrl)
|
|
|
|
-startUpAudio.addEventListener('ended', () => {
|
|
|
|
|
|
+function onVideoEnd() {
|
|
store.commit('setHaveShownStartUp', true)
|
|
store.commit('setHaveShownStartUp', true)
|
|
-})
|
|
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+// const startUpAudio = new Audio(startupVoiceUrl)
|
|
|
|
+// startUpAudio.addEventListener('ended', () => {
|
|
|
|
+// store.commit('setHaveShownStartUp', true)
|
|
|
|
+// })
|
|
|
|
|
|
function onVideoPlay() {
|
|
function onVideoPlay() {
|
|
- setTimeout(() => {
|
|
|
|
- startUpAudio.play()
|
|
|
|
- }, 1000)
|
|
|
|
|
|
+ // setTimeout(() => {
|
|
|
|
+ // startUpAudio.play()
|
|
|
|
+ // }, 1000)
|
|
}
|
|
}
|
|
|
|
|
|
const isShowSkip = ref(false)
|
|
const isShowSkip = ref(false)
|
|
function onClickSkip() {
|
|
function onClickSkip() {
|
|
videoEl.value.pause()
|
|
videoEl.value.pause()
|
|
store.commit('setHaveShownStartUp', true)
|
|
store.commit('setHaveShownStartUp', true)
|
|
- startUpAudio.pause()
|
|
|
|
|
|
+ // startUpAudio.pause()
|
|
}
|
|
}
|
|
</script>
|
|
</script>
|
|
|
|
|