📅  最后修改于: 2020-12-09 05:37:22             🧑  作者: Mango
Cordova媒体插件用于在Cordova应用程序中录制和播放音频。
可以通过在命令提示符窗口中运行以下代码来安装媒体插件。
C:\Users\username\Desktop\CordovaProject>cordova plugin add cordova-plugin-media
在本教程中,我们将创建简单的音频播放器。让我们在index.html中创建我们需要的按钮。
现在,我们需要在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);
我们要添加的第一个函数是playAudio 。我们在函数之外定义myMedia ,因为我们想在以后要添加的函数(暂停,停止,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();
}
我们可以单击PLAY按钮从src路径开始钢琴音乐。
我们需要的下一个功能是pauseAudio和stopAudio 。
function pauseAudio() {
if(myMedia) {
myMedia.pause();
}
}
function stopAudio() {
if(myMedia) {
myMedia.stop();
}
myMedia = null;
}
现在,我们可以通过单击“暂停”或“停止”按钮来暂停或停止钢琴声音。
要设置音量,我们可以使用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 。
下表显示了此插件提供的其他方法。
S.No | Method & Details |
---|---|
1 |
getCurrentPosition Returns current position of an audio. |
2 |
getDuration Returns duration of an audio. |
3 |
play Used for starting or resuming audio. |
4 |
pause Used for pausing audio. |
5 |
release Releases the underlying operating system’s audio resources. |
6 |
seekTo Used for changing position of an audio. |
7 |
setVolume Used for setting volume for audio. |
8 |
startRecord Start recording an audio file. |
9 |
stopRecord Stop recording an audio file. |
10 |
stop Stop playing an audio file. |