前提・実現したいこと
ボタンを押したら音楽が
発生している問題・エラーメッセージ
Uncaught (in promise) DOMException: Failed to load because no supported source was found.
該当のソースコード
vue.js
1<template> 2 <div> 3 <div class="container"> 4 <div id="app" class="start"> 5 <h2>さあはじめよう!!!</h2> 6 <div> 7 <button v-on:click="getContents()"> 8 Music Start! 9 </button> 10 </div> 11 <div class="question"> 12 <div> 13 <div> 14 <input type="text" v-model="answerText" placeholder="Answer" /> 15 16 <button v-on:click="checkAnswer()">回答</button> 17 </div> 18 </div> 19 </div> 20 </div> 21 </div> 22 </div> 23</template> 24 25<script> 26export default { 27 data: function() { 28 return { 29 // title="", 30 // answerText="", 31 }; 32 }, 33 methods: { 34 getContents: function() { 35 const m = new Audio("./魔王魂 テーマ15.mp3"); 36 m.play(); 37 }, 38 39 checkAnswer: function() { 40 // if(this.answerText==this.title){ 41 // } 42 }, 43 }, 44}; 45</script>
試したこと
publicにmp3ファイルを持ってきて上のコードのように書いてみたがエラーが出てしまいました。
補足情報(FW/ツールのバージョンなど)
ここにより詳細な情報を記載してください。
あなたの回答
tips
プレビュー