Cordova多媒体

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多媒体的全部内容。
THE END
分享
二维码
< <上一篇
下一篇>>