<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta http-equiv="Content-Security-Policy" content="default-src * data: gap: https://ssl.gstatic.com; style-src * 'unsafe-inline'; script-src * 'unsafe-inline' 'unsafe-eval'">
<script src="components/loader.js"></script>
<link rel="stylesheet" href="components/loader.css">
<link rel="stylesheet" href="css/style.css">
var srcFile = "sample.mp3";
document.addEventListener("deviceready", onDeviceReady, false);
function onDeviceReady() {
media = new Media (getPath() + srcFile , onSuccess, onError);
var str = location.pathname;
var i = str.lastIndexOf('/');
return str.substring(0,i+1);
// play the media file one time.
media.play({numberOfLoops: 0});
if (mediaTimer == null) {
mediaTimer = setInterval(function() {
// Return a current playback position
media.getCurrentPosition(
//A Callback function if it's success
//If the playback stops at "-0.001" position, set the timer to 0.
setAudioPosition((position) + " sec");
//A callback function in case of failure
console.log("Error getting pos=" + error);
setAudioPosition("Error: " + error);
function setAudioPosition(position) {
document.getElementById('audio_position').innerHTML = position;
console.log("Successfully initialize a media file.");
console.log("Failed to initialize a media file. [ Error code: " + error.code + ", Error message: " + error.message + "]");
<body style="text-align: center">
<button onclick="playSound()">Play</button>
<button onclick="pauseSound()">Pause</button>
<button onclick="stopSound()">Stop</button><br />
<p id="audio_position"></p>