cordova-plugin-media录音功能的实现

最新推荐文章于 2024-09-03 07:10:59 发布

chengzhang5069

最新推荐文章于 2024-09-03 07:10:59 发布

阅读量2.1k

点赞数

文章标签： javascript ViewUI

原文链接：https://my.oschina.net/u/2464254/blog/509413

版权

之前没有想过写什么东西，这几天才学习cordova 用了一些插件，但是在某度搜索的回答你们都懂的 80%都是各种转帖，没找到什么实质性的东西。怕忘了这段代码我就注册了一个帐号分享一下。希望能够帮助到我一样的新手。

功能是录音，然后本地通知时候，点击页面后自动播放录音。

最开始我选择了media-capture这个插件比较丑但是基本可以完成录音功能。后来在一个人的博客中我看到了media插件发现他比media-capture的插件更灵活一些，改用了这个

先cordova add插件这个我不说了命令一大堆，废话儿不说了上码！！！

$("#alertAudio").on("touchstart",function(){
                 //实例化录音类
                 start();
                 //开始录音
                 mediaRec.startRecord();

                 //$("#test").html("开始录音");
                 });

var mediaRec;
function start(){
    //定义录音文件保存名称及位置
    global.alertAudio =new Date().getTime()+ "test.wav";
    //实例化录音类
    mediaRec = new Media(global.alertAudio,
                         // 录音执行函数
                         function() {
                         console.log("start():Audio Success");
                         },
                         // 录音失败执行函数
                         function(err) {
                         console.log("start():Audio Error: "+ err.code);
                         }
                         );
}

                });
$("#alertAudio").on("touchmove",function(e){
                 //这里很关键，如果手势移动会执行另外一个操作，录音就会终止，所以此处需要禁止移动的默认操作。
                 e.preventDefault();

                 //date3 =new Date();
                 //$("#test").html("滑动了"+(date3.getTime()-date1.getTime())/1000);
                 });//为按钮绑定 touchend(手势离开)事件
$("#alertAudio").on("touchend",function(){
                 //结束录音
                 mediaRec.stopRecord();
                 //释放系统底层的音频播放资源
                 mediaRec.release();
                 //需要播放的录音的路径

//                 //实例化录音类
                 mediaRec = new Media(global.alertAudio,
                                      // 成功操作
                                      function() {
                                      console.log("start():Audio Success");
                                      },
                                      // 失败操作
                                      function(err) {
                                      console.log("start():Audio Error: "+ err.code);
                                      }
                                      );
                 //在html中显示当前状态
                 //$("#test")音
                 mediaRec.play();
                      //upload to Server

                //获取录音文件上传到服务器
                 window.requestFileSystem(LocalFileSystem.TEMPORARY, 0, nFileSystemSuccess, fail);
                 //在html中显示当前状态
                 //$("#test").append("--开始播放录音");

                 });

function nFileSystemSuccess(filesystem)
{

//filesystem.root.nativeURL是录音文件的完整路径+我自定义的文件名称
   global.alertAudio=filesystem.root.nativeURL+global.alertAudio;
    var options = new FileUploadOptions();

    options.fileKey = "file";

    options.fileName = global.alertAudio.substr(global.alertAudio.lastIndexOf('/')+1);
    options.mimeType = "audio/wav";
    var params = new Object();

    params.strutsUploadsFileName = global.alertAudio.substr(global.alertAudio.lastIndexOf('/')+1);
    options.params = params;
    options.chunkedMode=false;
    var ft = new FileTransfer();
  // 上传到服务器
    ft.upload(global.alertAudio, global.host + '/uploadOther.do', winAudio, fail, options)；
}

function winAudio(r){
var dateObj = eval("(" + r.response + ")");

//返回文件的上传路径
var _url=global.host+dateObj.resUrl;

//下载到ios沙盒文件中
    localFile(_url);
}
function downloadPic(sourceUrl,targetUrl){
    var fileTransfer = new FileTransfer();
    var uri = encodeURI(sourceUrl);
    fileTransfer.download(
                          uri,targetUrl,function(entry){
                          global.alertAudio = "doc:/"+entry.fullPath;
                          },function(error){
                          console.log("下载网络图片出现错误");
                          });
}