Cordova多媒體

Cordova 媒體插件用來錄製和 Cordova 應用程序播放音頻聲音。

第1步 - 安裝插件媒體


媒體插件可以通過在命令提示符窗口中執行下面的代碼安裝。

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

第2步 - 添加按鈕


本教程中,我們將創建一個簡單的音頻播放。我們創建一個按鈕在 index.html 文件中。





第3步 - 添加事件監聽器


現在,我們需要爲按鈕添加事件偵聽器在文件 index.js 中的 onDeviceReady 函數內。

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 - 暫停和停止函數功能


我們所需要的下一個函數是pauseAudio 和 stopAudio

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的值。

該插件提供如下表顯示的其它方法。

方法

詳細

getCurrentPosition

返回音頻的當前位置

getDuration

返回一個音頻的持續時間

play

用於開始或恢復音頻

pause

用於暫停音頻

release

發佈底層操作系統的音頻資源

seekTo

用於改變音頻的位置

setVolume

用於音頻設置音量

startRecord

開始錄製音頻文件

stopRecord

停止錄製音頻文件

stop

停止播放音頻文件