スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

-----------------------------------

-----------------------------------
応援はこちらのクリックをお願いします。
にほんブログ村 IT技術ブログ iPhoneアプリ開発へ
にほんブログ村
にほんブログ村 IT技術ブログ Androidアプリ開発へ
にほんブログ村
--/--/--(--)
スポンサー広告

3-4.Monacaで開発(効果音を鳴らす)

Monacaの開発リファレンス「音楽を再生する」というページから
ほぼ丸写しでコーディングしました。

「PhoneGapのMedia APIを使ってプロジェクト中の音声ファイルを読み込む」
というところにある「おみくじアプリ に効果音をつけてみましょう」のサンプルソースから
まるっとコピペ。

<script type="text/javascript">
var src1 = "koukaon1.mp3";
var src2 = "koukaon2.mp3";

var media1 = null;
var media2 = null;

function getPath(){
var str = location.pathname;
var i = str.lastIndexOf('/');
return str.substring(0,i+1);
}

document.addEventListener("deviceready", onDeviceReady, false);

function onDeviceReady(){
media1 = new Media(getPath() + src1, onSuccess, onError);
media2 = new Media(getPath() + src2, onSuccess, onError);
}

function onSuccess() {
console.log("playAudio():Audio Success");
}

function onError(error) {
alert('code: ' + error.code + '\n' +
'message: ' + error.message + '\n');
}

</script>


コピペ後に
var src1 = "koukaon1.mp3";
var src2 = "koukaon2.mp3";
この部分は自分のアップロードした効果音ファイルの名前に変えました。

それから画像を変更するファンクションchange_imgの最後に
「media1.play();」と追記しました。

一応「素人の開発」がコンセプトなので、素人ならPhoneGapってなんだろう?
とかきっと思うと思いますが、もうここはサンプルどおりに書けば動くじゃないかな?
ってノリで進めます。

知りたい人はググってください。

このガサッとコピーした部分でやっていることは、音声メディアを読み込んで、
再生できる準備をしている、ってことだけ押さえとけばいいのではないかしら。
change_imgの最後に「media1.play();」と追記しましたが、
この部分でその準備した音声メディアを再生するわけですね。

詳しくはコピペした元のページを見てください。


開発リファレンスを熟読しましたが、
ふむふむ、一応これで音が鳴るはず。


ただ、プレビュー機能では再生されないようです。
Monacaのプレビュー機能は簡易的な動作確認のみができる機能なので、
単純なHTMLの配置確認などはできますが、
それ以外はできません。

monaca092.jpg

これがプレビュー画面ですが下のほうに
「正確に表示するには、Monacaデバッガー(無料) を利用してください。」
と記載されています。

デバッグは実機で行うのが基本のようです。
スポンサーサイト

-----------------------------------

-----------------------------------
応援はこちらのクリックをお願いします。
にほんブログ村 IT技術ブログ iPhoneアプリ開発へ
にほんブログ村
にほんブログ村 IT技術ブログ Androidアプリ開発へ
にほんブログ村
















管理者にだけ表示を許可する


| ホーム |
Page Top↑
▲ Page Top
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。