From b24e7c1fe3ca1f25b80c4c31cbfb78cf8b07f1e0 Mon Sep 17 00:00:00 2001
From: root <root@xanax.lol>
Date: Mon, 29 Apr 2024 22:23:32 +0200
Subject: [PATCH] auto start music pre-fix
---
src/components/screens/Login.vue | 15 ++++++++++++++-
1 file changed, 14 insertions(+), 1 deletion(-)
diff --git a/src/components/screens/Login.vue b/src/components/screens/Login.vue
index d813743..792d794 100644
--- a/src/components/screens/Login.vue
+++ b/src/components/screens/Login.vue
@@ -1,10 +1,23 @@
<template>
- <audio ref="bgm" id="bgm" src="/assets/sound/bgm.mp3" loop autoplay></audio>
+ <audio ref="bgm" id="bgm" src="/assets/music/bgm.mp3" loop autoplay></audio>
<img src="/assets/Leaf_BG_standalone.png" class="bg-img" alt="login bg" />
</template>
<script setup>
import { ref, onMounted } from 'vue'
+
+const bgm = ref('bgm');
+const bgmStart = () => bgm.value.play();
+
+onMounted(() => {
+ // check if bgm is playing already and do nothing
+ if (bgm.value.paused) {
+ window.addEventListener('click', () => bgm.value.play())
+ window.addEventListener('keydown', () => bgm.value.play())
+ window.addEventListener('mousemove', () => bgm.value.play())
+ }
+
+})
</script>
<style scoped>