audio的使用

<div style="width: 500px;height: 500px;background: hotpink;">
        <button @click="startMusic">
             播放
        </button>
        <button @click="endMusic">停止</button>
        <audio  ref="audioRefs" controls src="https://er-sycdn.kuwo.cn/25d37a44a438ec9bf513798caad0647e/65aa7a0f/resource/30106/trackmedia/M500000zRLcC1n2ZCU.mp3"></audio>
        <router-view></router-view>
    </div>
</div>
</template>
<script setup lang="ts">
import { ref, onMounted } from 'vue';
import {useRouter} from "vue-router";
const router  = useRouter()
const audioRefs = ref<HTMLElement>()

const startMusic = ()=>{
         let domElement = audioRefs.value as HTMLElement;
         domElement.play()
}
const endMusic = ()=>{
       let domElement = audioRefs.value as HTMLElement;
       domElement.pause()
       
}
onMounted(()=>{
      console.log(audioRefs)

})