解决谷歌浏览器audio默认音乐无法播放问题

经年未远

于 2022-07-25 23:58:00 发布

阅读量1.8k

点赞数

分类专栏：笔记文章标签：前端 html vue.js

本文链接：https://blog.csdn.net/qq_42628504/article/details/125985786

版权

笔记专栏收录该内容

30 篇文章 0 订阅

订阅专栏

<template>
  <div id="app">
      <div style="margin-top:200px;width:100%;border:1px solid red;">
         <audio controls="hidden" ref="audio">
            <source  type="audio/ogg">
            <source :src="musicUrl" type="audio/mpeg">
         </audio>
         <el-button @click="pausedss">播放</el-button>
      </div>

  
  </div>
</template>
<script>
export default {
  data() {
    return {
      is_play:true,
    };
  },
  methods: {
    pausedss(){
       this.is_play = !this.is_play
       let audio  = this.$refs.audio
       audio.src= require('../assets/audio/1.mp3')
       if (this.is_play) {
          this.$refs['audio'].pause();
        } else {
          this.$refs['audio'].play();
        }
    }
  },
};
</script>

<style scoped>
</style>