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

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

新規登録して質問してみよう
ただいま回答率
85.50%
HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

Java

Javaは、1995年にサン・マイクロシステムズが開発したプログラミング言語です。表記法はC言語に似ていますが、既存のプログラミング言語の短所を踏まえていちから設計されており、最初からオブジェクト指向性を備えてデザインされています。セキュリティ面が強力であることや、ネットワーク環境での利用に向いていることが特徴です。Javaで作られたソフトウェアは基本的にいかなるプラットフォームでも作動します。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

Monaca

「Monaca」はiOS、Android、Windows向けのアプリ開発に対応した、Cordovaベースのモバイルアプリ開発プラットフォームです。HTML5、JavaScriptといったWeb標準技術を用いてモバイルアプリ開発を行うことができます。

Q&A

解決済

1回答

211閲覧

SEを使い分けたい。

anopurihana

総合スコア34

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

Java

Javaは、1995年にサン・マイクロシステムズが開発したプログラミング言語です。表記法はC言語に似ていますが、既存のプログラミング言語の短所を踏まえていちから設計されており、最初からオブジェクト指向性を備えてデザインされています。セキュリティ面が強力であることや、ネットワーク環境での利用に向いていることが特徴です。Javaで作られたソフトウェアは基本的にいかなるプラットフォームでも作動します。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

Monaca

「Monaca」はiOS、Android、Windows向けのアプリ開発に対応した、Cordovaベースのモバイルアプリ開発プラットフォームです。HTML5、JavaScriptといったWeb標準技術を用いてモバイルアプリ開発を行うことができます。

0グッド

1クリップ

投稿2017/08/10 03:28

編集2017/08/10 05:09

現在Monaca(HTML5+JavaScriptのアプリ開発プラットフォーム)を使用してiosアプリ開発に取り組んでおります。

アプリ画面上に画像を2つ置いていて、タップしたら別々のSEを鳴らしたいと考えてますが、現段階ではどちらを押してもプラグインしている2種のSEが同時に鳴る状態です。
何か解決策や具体的なコードなどご存知の方がいらっしゃれば、よろしくお願いします。

<body> <audio id="kokokara" preload="auto" > <source src="se/baku2.mp3" type="audio/mp3"> </audio> <audio id="kokokara2" preload="auto" > <source src="se/pati.mp3" type="audio/mp3"> </audio> <center> <p><a onClick="sound(kokokara)"><div class="img"><img src="pic/sin.jpg" width="235" height="400" class="img-x lazy" data-width="300" data-height="300" oncontextmenu="return false" data-src="pic/sin.jpg" data-aspect="0.748"/> </div> </center> </a></p> <p><a onClick="sound(kokokara2)"><div class="img"><img src="pic/han.jpg" width="30" height="30" class="img-x lazy" data-width="30" data-height="30" oncontextmenu="return false" data-src="pic/han.jpg" data-aspect="0.748"/> </div> </a></p>
<script type="text/javascript"> window.onload = function(kokokara){ $("body").animate({scrollTop:0}) } function sound(kokokara) { document.getElementById("kokokara").play(); } function sound(kokokara) { var id = 'se/baku2.mp3' ; if( typeof( document.getElementById( "kokokara").currentTime) !='undefined') { document.getElementById("kokokara").currentTime = 0; } document.getElementById("kokokara").play(); } window.onload = function(kokokara2){ $("body").animate({scrollTop:0}) } function sound(kokokara2) { document.getElementById("kokokara2").play(); } function sound(kokokara2) { var id = 'se/pati.mp3' ; if( typeof( document.getElementById( "kokokara2").currentTime) !='undefined') { document.getElementById("kokokara2").currentTime = 0; } document.getElementById("kokokara2").play(); }

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

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

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

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

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

guest

回答1

0

ベストアンサー

<p><a onClick="sound()">

クリックで同じfuntionを指定しているから。
sound()では両方鳴ってしまうので
sound1()とsound2()とか分けるか
sound("kokokara")という形でidを渡して再生させるように修正するといいです

javascript

1function sound(id) { 2 document.getElementById(id).play(); 3}

html

1<center> 2<p><a onClick="sound('kokokara')"><div class="img"><img src="pic/sin.jpg" width="235" height="400" class="img-x lazy" data-width="300" data-height="300" oncontextmenu="return false" data-src="pic/sin.jpg" data-aspect="0.748"/> </div> 3</center>

投稿2017/08/10 03:41

編集2017/08/10 06:08
Tak1016

総合スコア1408

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

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

anopurihana

2017/08/10 05:12

アドバイス通りコードを書き換えてみましたが、変化が起きませんでした。 私の修正箇所が間違っているのでしょうか?
anopurihana

2017/08/10 05:13

※質問欄のbodyとjava内に改変後のコードを載せなおしました。
Tak1016

2017/08/10 06:10

htmlのコードも載せたのでそのまま使ってみてください。 > 私の修正箇所が間違っているのでしょうか? 残念ながら全部間違ってます。
Tak1016

2017/08/10 06:11

関数とは何か引数とは何か、基本的なことが理解できてないようなので、基本の文法を勉強することをオススメします。
anopurihana

2017/08/10 12:14

的確なアドバイスありがとうございます。一度改変前のコードに戻し、再度指示通りに実行してみたいと思います。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.50%

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

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

質問する

関連した質問