vue不同页面切换,背景音乐连续播放不间断

最新推荐文章于 2025-03-21 12:12:14 发布

_木小夕_

最新推荐文章于 2025-03-21 12:12:14 发布

阅读量4.9k

点赞数 7

分类专栏：前端文章标签： vue

本文链接：https://blog.csdn.net/bo_gu/article/details/118028313

版权

最近遇到了这样一个需求，就是h5不同页面之间跳转，要求bgm连续播放不间断。不知道大家是怎么处理的呢?
我之前想的是，在每个页面都写一个audio标签，然后切换页面的时候存一下当前音乐的播放进度，到下一个页面再给音乐写入开始时间。

<template>
	    <audio loop="loop" preload="preload" id="bgmusic" controls="controls" ref="MusicPlay" style="display: none;">
      		<source src="xxx.mp3" type="audio/mpeg">
    	</audio>
    	<span @click="goIndex"></span>
</template>

<script>
mounted(){
   
     this.soundBgm = document.getElementById("bgmusic");