• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

Cordova 媒体

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

Cordova媒体插件用于在Cordova应用程序中录制和播放音频声音。

步骤1 - 安装媒体插件

可以通过在命令提示符窗口中运行以下代码来安装Media插件。

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 ,因为我们想在稍后添加的函数中使用它(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;
}

现在,我们可以通过点击暂停停止按钮暂停或停止钢琴音色。

步骤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停止播放音频文件。

鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
Cordova 媒体捕获发布时间:2022-02-02
下一篇:
Cordova InAppBrowser发布时间:2022-02-02
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap