クリックで効果音を出したくて下記ソース書きましたが、音が出ません。
どこが間違ってるのでしょうか?使用しているブラウザはFirefoxです。よろしくお願いします。
<!DOCTYPE html>
<head>
<meta charset="Shift_JIS">
<script type="text/javascript">
function naru() {
document.getElementById("mySound").play();
}
</script>
</head>
<body>
<audio id="mySound" preload="auto">
<source src="oto1.mp3" type="audio/mp3">
<source src="oto1.ogg" type="audio/ogg">
<source src="oto1.wav" type="audio/wav">
</audio>
<form>
<input type="button" value="oto" onclick="naru()">
</form>
</body>
</html>
No.2ベストアンサー
- 回答日時:
Firefoxの開発版はバージョン24なのですが
どちらにしろFirefoxはmp3には対応していません
いろんな形式に満足に対応しているのはChromeくらいのものです
とりあえずwavを一番上にしてみたらどうですか?
また、Chrome等で再生できるか試してみてください
げげっ、Firefoxはmp3未対応だったのですね。なんということ!というか初歩的な事で、すみませんでした。
firefoxの開発版というのもあるんですね。勉強になりました。
PS.お礼遅くなり申し訳ありませんでした。これからも宜しくお願いします。
No.1
- 回答日時:
こちらでためした限りではちゃんと動きました
(Chrome29/Firefox23)
音声ファイルのデータか置く位置が悪いのでしょう
b0a0aさん、大変お礼遅くなり申し訳ありません。いつもはこういう事はないのですが…(^^;)
まだ見ていただいているでしょうか。
音声ファイルも調べて見たのですが壊れてなくて、また位置も同じフォルダなのですが…
エラーコンソールには「リソース候補の読み込みが全て失敗しました」と「"audio/mp3"で指定された"type"属性はサポートされていません。oto1.mp3を読み込めませんでした」とでます。
音声関係扱ったことないのでよくわかりません。firefoxは最新版だし、HTML5サポートしてますよね?
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript プログラムがうまく動きませんレビューお願いします 1 2022/07/10 05:08
- JavaScript コードレビューをお願いします。 1 2022/07/16 05:38
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- JavaScript javascript作成してます。ラジオボタンで判定するコードを書いてます。 1 2023/07/18 11:03
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- JavaScript javascriptのちょっとした動作不良(原因は突き止めたのですが) 1 2023/06/15 19:58
- JavaScript セレクトボックスを2つ設けて選択して初めてメッセを表示 1 2022/07/27 12:15
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
HTML上に貼り付けたPDFが表示さ...
-
css ,videotタグ。ホームページ...
-
HTMLファイルのインクルードで...
-
Javascriptでランダムパラメータ
-
body内にmetaタグを記述は問題...
-
HTMLソースにない文字がブラウ...
-
SVGをobjectタグで埋め込み・表...
-
POSTしたデータの文字コードがu...
-
WebのPythonでの値の受け渡し
-
textareaの一行の文字数制御
-
HPの背景画像を動かさずスク...
-
safariだけcssが反映されない
-
文字化けを故意に表示したい
-
FFFTPでの文字化け
-
検索エンジンに引っかからない...
-
文字コードをutf-8で保存したい
-
Aタグのmailtoでメッセージ作成...
-
カラーラインの中に文字
-
<body>内に<head>を入れ子にで...
-
TEXTAREAのスクロールバーを消...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
css ,videotタグ。ホームページ...
-
POSTしたデータの文字コードがu...
-
携帯とPCの自動判別
-
body内にmetaタグを記述は問題...
-
HTMLファイルのインクルードで...
-
HTML上に貼り付けたPDFが表示さ...
-
HTMLでwebサイトを作ってるので...
-
iframe内の表示を常に最新にしたい
-
ページ全体を中央に配置したい...
-
WEBページがIEだけ文字化けして...
-
根号の書き方について
-
リンクボタンにgifアニメを使え...
-
textareaの一行の文字数制御
-
文字化けを故意に表示したい
-
borderでa:hover下線表示させる...
-
IEのみ文字化け
-
safariだけcssが反映されない
-
Javascriptでランダムパラメータ
-
表示時に1回だけリロードさせ...
-
なぜ height 100% がつくのか ...
おすすめ情報