Cordova 媒体插件用来录制和 Cordova 应用程序播放音频声音。
第1步 - 安装插件媒体
媒体插件可以通过在命令提示符窗口中执行下面的代码安装。
C:\Users\username\Desktop\CordovaProject>cordova plugin add cordova-plugin-media
第2步 - 添加按钮
本教程中，我们将创建一个简单的音频播放。我们创建一个按钮在 index.html 文件中。
<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步 - 添加事件监听器
现在，我们需要为按钮添加事件侦听器在文件 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 |
停止播放音频文件
|
上一篇：
Cordova InAppBrowser打开Web浏览器
下一篇：
Cordova视频录制