何かの動作時に音を出してユーザーに認識して欲しいケースがあります。 ex)ビデオチャット,Push通知etc
JavaScriptのAudio APIを使います。
const audio = new Audio('example.mp3'); audio.play();
data: () => ({ audio: new Audio(require('@/assets/sounds/example.mp3')) }), created () { this.audio.currentTime = 0 // 連続で鳴らせるように this.audio.play() // 鳴らす }
ポイントとしては、VueJSのscriptsでassetsファイルを扱う場合、require('@/assets/sounds/example.mp3')
のようにするところです。
otologic.jpがよかったです。