この記事は最終更新日から1年以上が経過しています。
何かの動作時に音を出してユーザーに認識して欲しいケースがあります。 ex)ビデオチャット,Push通知etc
JavaScriptのAudio APIを使います。
jsconst audio = new Audio('example.mp3'); audio.play();
jsdata: () => ({ 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がよかったです。