BGMとして自動音声再生、ループを指示したいがJavaScriptで動かない。
monacaで開発しています。
audioだとアンドロイドでサポートしないという事でしたので、
PhoneGap の Media APIを使用してmp3をBGMとして再生したい
と思っています。
・参考にしたサイト
https://blog.e2info.co.jp/2014/06/30/monaca%E3%81%A7iphone%E3%82%A2%E3%83%97%E3%83%AA/
head内に下記を入れてみましたがエラーで画面すら開かなくなりました。
<script>
// PhoneGap event handler
document.addEventListener("deviceready", onDeviceReady, false);
function onDeviceReady() {
console.log("PhoneGap is ready");
//音楽再生関数を呼びます
playAudio();
}
var media = null;
var mediaTimer = null;
//音楽再生関数
function playAudio() {
var src = 'sound.mp3';
media = new Media ('/' + src , onSuccess, onError);
//再生
media.play({numberOfLoops:"infinite"});
if (mediaTimer == null) {
mediaTimer = setInterval(function() {
// 再生位置を返します
media.getCurrentPosition(
//成功時のコールバック関数です
function(position) {
if (position > -1) {
setAudioPosition((position) + " sec");
//端末によっては再生位置が-0.001で止まるので、その場合は再度読み込みます。
if(position == -0.001){
media.play({numberOfLoops:"infinite"});
}
}
},
//失敗時のコールバック関数です
function(e) {
console.log("Error getting pos=" + e);
}
);
}, 1000);
}
}
//成功時
function onSuccess() {
console.log("playAudio():Audio Success");
}
//失敗時
function onError(error) {
alert('code: ' + error.code + '\n' +
'message: ' + error.message + '\n');
}
//オーディオ再生位置
function setAudioPosition(position) {
document.getElementById('audio_position').innerHTML = position;
}
</script>
初歩的な質問ですみませんが、ご教授下さい。