【Vue】new Audioで「DOMException」エラーが出た時の対処法

1205 ワード

テキストリンク

同じようなエラーで色々な対処法が出ていますが、僕の場合は今回の方法で適切な動作をするようになりました。

前提

new Audioで作成した音声ファイルを使用したときにDOMException: Failed to load because no supported source was foundというエラーが発生した場合の対処法

ファイルをnew Audioで参照するのではなく、importしておく。

// bad👎
const audio = new Audio('./assets/sound.mp3')

//good👍
import sound from './assets/sound.mp3'

const audio = new Audio(sound)

この問題について(【Vue】new Audioで「DOMException」エラーが出た時の対処法), 我々は、より多くの情報をここで見つけました https://zenn.dev/prog_hallelujah/articles/940b931c9979d3

著者帰属：元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。

Collection and Share based on the CC protocol