使用 Vue.js 播放声音

Question

如何使用 Vue.js 播放声音？

好像我不能只做常规的方式。

   import Vue from 'vue'
  import AppView from './components/App.vue'

  console.log('Play outside of vue')
  var audio = new Audio('file.mp3')
  audio.play()

  new Vue({
    el: '#root',
    mounted () {
       console.log('Will it play here?? lol')
       var audio = new Audio('file.mp3')
       audio.play()
    },
    render: h => h(AppView)
  })

正如它所说的音频未定义？我必须以某种方式导入它吗？有没有专门的 vue 包呢？还是 npm 包？

我真的不明白，我虽然音频只是香草 javascript？

原文由 Kylie 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

使用 var audio = new Audio(require('./file.mp3')) 这将创建正确的路径，因为在 var audio = new Audio('file.mp3') 中，您的路径 ‘file.mp3’ 被解码为字符串。

原文由 Kevin Muchwat 发布，翻译遵循 CC BY-SA 4.0 许可协议