vue的背景音乐

最新推荐文章于 2024-08-09 14:49:25 发布

zmyalh

最新推荐文章于 2024-08-09 14:49:25 发布

阅读量1.4k

点赞数 1

分类专栏：背景音乐

本文链接：https://blog.csdn.net/zmyalh/article/details/112649822

版权

背景音乐专栏收录该内容

0 篇文章 0 订阅

订阅专栏

背景音乐用的是audio标签

在使用audio标签时，他不会自动播放，受播放器的限制，需要用户互动，这里我写个dome,复制即用

//页面
<template>
     <div @click="handleClick">off/on</div>//这里可以用个图标
        <div v-if="shoes">
          <div v-html='audios'> </div>
        </div>
	</template>


//data定义
 data:{
    shoes:false,
     audios:'',
}

//交互
handleClick(){
if(this.shoes == false){
    this.shoes = true;
    this.audios='<head><audio src="https://win-web-rg01-sycdn.kuwo.cn/fb2ded11652cc69d6aec39cd7f233b00/6000f554/resource/n2/93/96/1872412330.mp3" play="true" loop="true" autoplay="autoplay"/>  </head>';
}else if(this.shoes ==true){
     this.shoes = false;
    this.audios="";
}
    
}