Tutorialチュートリアル
オーディオを再生するには
Javascript
<a id="object">オブジェクト</a><br /> <a id="release">解放</a><br /> <a id="play">再生</a><br /> <a id="stop">停止</a><br /> <a id="pause">一時停止</a><br /> <script type="text/javascript" charset="utf-8" src="/Joomla/applican-0.12.2.js" <script type="text/javascript" charset="utf-8"><!-- (function() { object = function object() { //プレイヤーオブジェクト作成用メソッド呼び出し applican.media.createMediaPlayer("file://...", objectSuccess, objectFailure); }; //プレイヤーオブジェクト作成成功時のコールバック function objectSuccess(result) { player = result; alert("success"); } //プレイヤーオブジェクト作成失敗時のコールバック function objectFailure(error) { alert(error); } var player; release = function release() { //プレイヤーのリソース解放用メソッド呼び出し player.release(releaseSuccess, releaseFailure); }; //プレイヤーのリソース解放成功時のコールバック function releaseSuccess() { alert("success"); player = null; } //プレイヤーのリソース解放失敗時のコールバック function releaseFailure(error) { alert(error); player = null; } play = function play() { //オプションの設定 var options = { output: "speaker", background: false, //trueにするとバックグラウンド再生 loopCount: 2 }; //再生開始用メソッド呼び出し player.play(options, playSuccess, playFailure); }; //再生開始成功時のコールバック function playSuccess() { alert("success"); } //再生開始失敗時のコールバック function playFailure(error) { alert(error); } stop = function stop() { //再生停止用メソッド呼び出し player.stop(stopSuccess, stopFailure); }; //再生停止成功時のコールバック function stopSuccess() { alert("success"); } //再生停止失敗時のコールバック function stopFailure(error) { alert(error); } pause = function pause() { //再生一時停止用メソッド呼び出し player.pause(pauseSuccess, pauseFailure); }; //再生一時停止成功時のコールバック function pauseSuccess() { alert("success"); } //再生一時停止失敗時のコールバック function pauseFailure(error) { alert(error); } /********************* イベント登録 *********************/ document.addEventListener("deviceready", function() { // 「オブジェクト」ボタン押下処理 document.getElementById("object").addEventListener("touchend", object, false); // 「解放」ボタン押下処理 document.getElementById("release").addEventListener("touchend", release, false); // 「再生」ボタン押下処理 document.getElementById("play").addEventListener("touchend", play, false); // 「停止」ボタン押下処理 document.getElementById("stop").addEventListener("touchend", stop, false); // 「一時停止」ボタン押下処理 document.getElementById("pause").addEventListener("touchend", pause, false); }, false); })(); //--> </script>
解説
プラットフォームの準備が完了してから、Aタグに再生、停止、一時停止、解放のクリックイベントを割り当てています。
applicanの準備が整ったら、Mediaインスタンスを生成(変数名=player)しています。
Mediaインスタンスのplayで音楽再生、stopで音楽停止となります。
player.playメソッドのoptionsでバックグラウンド再生を指定することが出来ます。