monaca で音声を再生する(media)際のpath指定

初投稿です。

今回はメモぐらいな感じで書きます。
monacaで音声を再生するに当たっていろいろ大苦戦をしましたという経験談を投稿。

【Monaca】Mediaプラグインを使う時に気をつけたいこと【Cordova】

ほうほう、意外に簡単だなと進めるも音声が再生されない・・・・
(iPhoneの実機ででバックしているのにも関わらず)

いろいろ試していく内にpathが悪いのだと判明するもどのようにすれば良いか。

sample.js

function onDeviceReady() {
   music = new Media (getPath()+'〇〇.mp3');
}
document.addEventListener("deviceready", onDeviceReady, false);
function getPath() {
  var str = location.pathname;
  var i = str.lastIndexOf('/');
  return str.substring(0,i+1);
}

ディレクトリ構造としてはこんな感じ

a.html

www
|
index.html
movie
  |
  〇〇.mp3

あ、

sample2.js

function onDeviceReady() {
   music = new Media (getPath()+'movie/〇〇.mp3');
}
document.addEventListener("deviceready", onDeviceReady, false);
function getPath() {
  var str = location.pathname;
  var i = str.lastIndexOf('/');
  return str.substring(0,i+1);
}

getPathで指定できるのは、wwwまでの話でしたね・・・・

と言うしょうもない話でした。

【Cordova】cordova-plugin-media使用時の音楽ファイルパスの指定について

アンドロイドにもコレで対応できるか定かではないので、こんな感じに設定し直す必要性ありですね。