如何使用 vuejs 发出警报声

Question

我正在使用 vuejs 使用 websocket，如下所示。
socket 会在实时获得“any”时运行。
并且它从rest api获取数据
当data.get为true时，我想发出类似“叮咚”的简短警报声。
我怎样才能使用 vuejs 做到这一点？你能推荐一些建议吗？非常感谢您阅读它。

socket.on("any", async order =>{
  const data = await axios.post('/', {order})
  if(data.get === true){
    return ... // <-- some alarm occurs like 'dingdong'
  }
  }
)

Answer 1

你可以像这样在 vuejs 中播放任何声音：

网址：

<div id="app">
  <button @click.prevent="playSound()">Play Sound</button> 
</div>

js/vue：

var data = { soundurl : 'http://soundbible.com/mp3/analog-watch-alarm_daniel-simion.mp3'} 
new Vue({
  el: '#app',
  data: data,
  methods: {
    playSound () {
      var audio = new Audio(data.soundurl);
      audio.play();
    }
  }
});

您的声音显然需要在线托管才能以这种方式实现。

希望能帮助到你！