相关疑难解决方法(0)

我正在创建简单的应用程序,这将很少有听众.我无法弄清楚它背后的逻辑应该是什么样子.

HTML:

<div id="playerProgressBar">
    <div id="playerHead"></div>
</div>

在Vue对象中我定义了变量:

music: document.getElementById('playerHead');

我的听众应该是这样的:

music.addEventListener("timeupdate", timeUpdate, false);

music.addEventListener("canplaythrough", function () {
    //code
}, false);

function timeUpdate() {
    //code
}

那么在vuejs中使用监听器的正确方法是什么？我应该在这里使用自定义指令吗？由于我没有事件我不能使用方法.将整个逻辑放在ready功能中似乎并不正确.提前致谢!

如何使用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包？

我真的不明白，尽管Audio只是普通的javascript吗？