画面がタップされたときに効果音を鳴らしたい

簡単なアプリ開発をMonacaでしていますが、シンプルな構造で幼い子供向けに犬の画像をタップしたらワンと効果音が鳴るという仕組みで作りたいと考えてます。

現段階でSVGの画像をiPhone画面いっぱいに出してます。そこ全体どこでもタップしたらMP3の効果音を出す。というコードが分からないので教えていただけますでしょうか。音源のデータは用意してあります。

ちなみにMonacaは無料会員なのでその範囲でのアドバイスをお願い致します。

m.ts10806

2017/05/25 02:09

ひとまず「Monaca　mp3」とか「Monaca　効果音」とか検索して自分である程度組んで検証してから質問された方が良いかと。

namimon

2017/05/25 04:01

情報が足りません。テンプレート、プラグインは何を使っているのか、ソースコードはどのようなものか、などを書いてみてはいかがでしょうか。

行動規範の内容に同意します

回答1件

ベストアンサー

audioタグを活用すれば実装可能かもしれません

HTML
1<!-- テキストボタンの場合 -->
2<p><a onClick="sound()">このテキストを押すと挨拶します！</a></p>
3 
4<!-- 音声ファイルの読み込み 9〜10行目にURLを指定 -->
5<audio id="sound-file" preload="auto">
6	<source src="http://〜.mp3" type="sample/mp3">
7	<source src="http://〜.wav" type="sample/wav">
8</audio>

jQuery
1function sound()
2function sound()
3{
4	// [ID:sound-file]の音声ファイルを再生[play()]する
5	$( '#sound-file' ).get(0).play() ;
6}
7```
8
9参照したサイトも載せておきます！
10[https://syncer.jp/html5-javascript-hello-button](https://syncer.jp/html5-javascript-hello-button)