最新公告
  • 欢迎您光临AA分享网,一个高级程序员的学习、分享的分享平台!立即加入我们
  • vue.js怎么添加背景音乐

    本文环境:windows7、vue2.9.6,该方法适用于所有品牌的电脑。

    vue.js添加背景音乐的方法:

    1. VUE 中 mp3 播放的loader 配置

    webpack.base.conf.js 中

    5c0ac1ef38dc2f912d5cd05a58f20ef.png

     {
            test: /\.(mp3)(\?.*)?$/,
            loader: 'url-loader',
            options: {
              name: utils.assetsPath('assets/[name].[hash:7].[ext]')
            }

    vue-loader.conf.js 中

    e600f22c20e18ff2729e0a955f9a27f.png

    audio: 'src'

    2. audio

    <div class="swiper-button-next" @click="close">点击按钮关闭/打开音乐</div>
        <div class="audio">
          <!--隐藏audio标签-->
          <audio autoplay="autoplay" id="music1">
            <source src="https://test.app.bhfae.com:8443/files/file/2177691016.mp3">
          </audio>
        </div>

    3. 控制音乐播放还是暂停

      methods: {
          close() {
            var audio = document.getElementById('music1');
            if (audio.paused) {
              audio.play();  // 播放
            } else {
              audio.pause();// 暂停
            }
          }

    以上就是vue.js怎么添加背景音乐的详细内容,更多请关注其它相关文章!

    AA分享网一个高级程序员的学习、分享的IT资源分享平台
    AA分享网-企业网站源码-PHP源码-网站模板-视频教程-IT技术教程 » vue.js怎么添加背景音乐
    • 257会员总数(位)
    • 5897资源总数(个)
    • 8本周发布(个)
    • 0 今日发布(个)
    • 539稳定运行(天)

    提供最优质的资源集合

    立即查看 了解详情