Cordova多媒体

第1步 - 安装插件媒体

C:\Users\username\Desktop\CordovaProject>cordova plugin add cordova-plugin-media

第2步 - 添加按钮

<button id = "playAudio">PLAY</button>
<button id = "pauseAudio">PAUSE</button>
<button id = "stopAudio">STOP</button>
<button id = "volumeUp">VOLUME UP</button>
<button id = "volumeDown">VOLUME DOWN</button>

第3步 - 添加事件监听器

document.getElementById("playAudio").addEventListener("click", playAudio);
document.getElementById("pauseAudio").addEventListener("click", pauseAudio);
document.getElementById("stopAudio").addEventListener("click", stopAudio);
document.getElementById("volumeUp").addEventListener("click", volumeUp);
document.getElementById("volumeDown").addEventListener("click", volumeDown);

步骤4A - 播放功能

我们要添加的第一个函数是 playAudio。我们定义myMedia 在函数之外是因为我们希望在将要在以后添加的函数可以使用它(暂停，停止，音量增加和音量减小)。此代码放置在 index.js 文件中。

var myMedia = null;

function playAudio() {
   var src = "/android_asset/www/audio/piano.mp3";

   if(myMedia === null) {
      myMedia = new Media(src, onSuccess, onError);

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

      function onError(error) {
         console.log("playAudio Error: " + error.code);
      }

   }

   myMedia.play();
}

我们点击 PLAY 按钮，开始由在 src 指定的路径播放钢琴音乐。

步骤4B - 暂停和停止函数功能

function pauseAudio() {
   if(myMedia) {
      myMedia.pause();
   }
}

function stopAudio() {
   if(myMedia) {
      myMedia.stop(); 
   }
	
   myMedia = null;
}

步骤4C - 音量函数功能

要设置音量，我们可以使用 setVolume 方法。此方法需要使用参数值是从0到1。设置初值为0.5。

var volumeValue = 0.5;

function volumeUp() {
   if(myMedia && volumeValue < 1) {
      myMedia.setVolume(volumeValue += 0.1);
   }
}

function volumeDown() {
   if(myMedia && volumeValue > 0) {
      myMedia.setVolume(volumeValue -= 0.1);
   }
} 

当按 VOLUME UP 或 VOLUME DOWN 就可以通过改变音量0.1的值。