Cordova 媒體

Cordova媒體插件用于在Cordova應用程序中錄制和播放音頻聲音。

步驟1 - 安裝媒體插件

可以通過在命令提示符窗口中運行以下代碼來安裝Media插件。

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

步驟2 - 添加按鈕

在本教程中，我們將創(chuàng)建簡單的音頻播放器。讓我們在 index.html 中創(chuàng)建我們需要的按鈕。

<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 - 添加事件監(jiān)聽器

現(xiàn)在，我們需要在 index.js 內(nèi)的 onDeviceReady 函數(shù)中為我們的按鈕添加事件監(jiān)聽器。

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 - 播放功能

我們要添加的第一個函數(shù)是 playAudio 。我們在函數(shù)之外定義 myMedia ，因為我們想在稍后添加的函數(shù)中使用它(pause，stop，volumeUp和volumeDown)。此代碼放在 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();
}

我們可以點擊播放按鈕，從 src 路徑啟動鋼琴音樂。

步驟4B - 暫停和停止功能

我們需要的下一個功能是 pauseAudio 和 stopAudio 。

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

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

現(xiàn)在，我們可以通過點擊暫停或停止按鈕暫停或停止鋼琴音色。

步驟4C - 音量函數(shù)

要設置音量，我們可以使用 setVolume 方法。此方法采用參數(shù)，其值從 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 更改音量值。

下表顯示了此插件提供的其他方法。