質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.37%
Vue.js

Vue.jsは、Webアプリケーションのインターフェースを構築するためのオープンソースJavaScriptフレームワークです。

ファイル

ファイルとは、文字列に基づいた名前又はパスからアクセスすることができる、任意の情報のブロック又は情報を格納するためのリソースです。

Q&A

0回答

1916閲覧

vueでmp3ファイルを再生したい

runrunrun

総合スコア2

Vue.js

Vue.jsは、Webアプリケーションのインターフェースを構築するためのオープンソースJavaScriptフレームワークです。

ファイル

ファイルとは、文字列に基づいた名前又はパスからアクセスすることができる、任意の情報のブロック又は情報を格納するためのリソースです。

0グッド

0クリップ

投稿2021/08/26 07:32

前提・実現したいこと

ボタンを押したら音楽が

発生している問題・エラーメッセージ

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/ツールのバージョンなど)

ここにより詳細な情報を記載してください。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.37%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問