Fatal编程技术网
  • javascript/
  • Javascript 使用Phonegap，我想录制语音，停止录制，并在Android中播放

Javascript 使用Phonegap，我想录制语音，停止录制，并在Android中播放

javascript android jquery html cordova

Javascript 使用Phonegap，我想录制语音，停止录制，并在Android中播放,javascript,android,jquery,html,cordova,Javascript,Android,Jquery,Html,Cordova,HTML文件有4个按钮，分别用于录制、停止录制声音和播放、停止播放声音。代码如下所示 <!DOCTYPE HTML> <html> <head> <title>Cordova</title> <script type="text/javascript" charset="utf-8" src="scripts/cordova-1.9.0.js"></script>

HTML文件有4个按钮，分别用于录制、停止录制声音和播放、停止播放声音。代码如下所示

<!DOCTYPE HTML>
<html>
    <head>
        <title>Cordova</title>
        <script type="text/javascript" charset="utf-8" src="scripts/cordova-1.9.0.js"></script>
        <script type="text/javascript" charset="utf-8" src="scripts/jquery-1.7.2.min.js"></script>

        <script>
            $(document).ready(function(){
                $("#record").on("click", function(){
                    alert("record start");  
                    window.plugins.VoicePlugin.record(function(){alert("yo");}, 
                                                    function(){alert("yol");},
                                                    "voice.3gp");
                });

                $("#stoprecord").on('click', function(){
                    alert("record stop");
                    window.plugins.VoicePlugin.stoprecord(function(){},
                                                        function(){},
                                                        "voice.3pg");
                });

                $("#play").on("click", function(){
                    alert("play");
                    window.plugins.VoicePlugin.play(function(){},
                            function(){},
                            "voice.3pg");
                });

                $("#stopplay").on("click", function(){
                    alert("stop play");
                    window.plugins.VoicePlugin.stopplay(function(){},
                            function(){},
                            "voice.3pg");
                });
            }); 
        </script>
    </head>
    <body>
        <button id="record">Start Recording</button>
        <button id="stoprecord">Stop Recording</button>
        <button id="play">Start Playing</button>
        <button id="stopplay">Stop Playing</button>
    </body>
</html>
关键是，我应该继续做一个记录、停止记录、播放和停止播放声音的活动。如果我使用phonegap，因为它只是通过插件发送一些字符串，所以每次都会创建并销毁
MediaRecorder
和
MediaPlayer
对象。我按下html格式的录制按钮，将创建
MediaRecorder
对象，但按下停止录制按钮无法停止刚刚创建的
MediaRecorder
对象。这个问题有什么解决方案吗？

使用Phonegap，我可以录制语音并播放录制语音，而无需添加插件。 我只将Phonegap媒体插件连接到我的应用程序，如下所示：

app/res/xml/config.xml

<plugin name="Media" value="org.apache.cordova.AudioHandler" />

app/AndroidManifest.xml

<uses-permission android:name="android.permission.RECORD_AUDIO" />
<uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS" />
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />

app/res/xml/config.xml
app/AndroidManifest.xml
代码如下：

<!DOCTYPE html>
<html>
  <head>
  <title></title>

    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no;" />
    <meta charset="utf-8">

    <script type="text/javascript" charset="utf-8" src="cordova-2.2.0.js"></script>
    <script type="text/javascript" src="jquery-1.7.2.js"></script>

    <script type="text/javascript">

        var deviceready = false;
        var mediaVar = null;
        var recordFileName = "recording.wav";
        function onBodyLoad()
        {        
            document.addEventListener("deviceready", onDeviceReady, false);
            deviceready = true;
        }

        $(document).ready(function(){

            //validation to check if device is ready is skipped

            $("#recordBtn").click(function(){
                record();                  
            });

            $("#playBtn").click(function(){
                play();
            });

            $("#stopBtn").click(function(){
                stop();
            });
        });

        function record()
        {
        if (mediaVar != null) {
                mediaVar.release();
            }
            createMedia(function(){
                status = "recording";
                mediaVar.startRecord();
            },onStatusChange);
        }

        function createMedia(onMediaCreated, mediaStatusCallback){
            if (mediaVar != null) {
                onMediaCreated();
                return;
            }

            if (typeof mediaStatusCallback == 'undefined') 
                mediaStatusCallback = null;

                mediaVar = new Media(recordFileName, function(){
                    log("Media created successfully");
                }, onError, mediaStatusCallback); 
                onMediaCreated();
        }

        function stop()
        {
            if (mediaVar == null)
                return;

            if (status == 'recording')
            {
                mediaVar.stopRecord();
                log("Recording stopped");
            }
            else if (status == 'playing')
            {
                mediaVar.stop();            
                log("Play stopped");
            } 
            else
            {
                log("Nothing stopped");
            }
            status = 'stopped';
        }

        function play()
        {
            createMedia(function(){
                status = "playing";
            mediaVar = new Media('/sdcard/'+recordFileName, function(){
                    log("Media created successfully");
                }, onError); 

                mediaVar.play();    
            });
        }

        function onStatusChange()
        {
        }

        function onSuccess()
        {
            //do nothing
        }

        function onError(err)
        {
            if (typeof err.message != 'undefined')
                err = err.message;
            alert("Error : " + err);
        }

        function log(message)
        {
            console.info(message);
        }
 </script>
  </head>
  <body onload="onBodyLoad()">
      Recorder<br>
      <input type="button" name="recordBtn" id="recordBtn" value="Record">
      <input type="button" name="stopBtn" id="stopBtn" value="Stop">
      <input type="button" name="playBtn" id="playBtn" value="Play">
  </body>
</html>


var-devicerady=false；
var-mediaVar=null；
var recordFileName=“recording.wav”；
函数onBodyLoad（）
{        
文件。添加的监听器（“deviceready”，OnDeviceraddy，false）；
DeviceRady=真；
}
$（文档）.ready（函数（）{
//跳过检查设备是否准备就绪的验证
$（“#recordBtn”）。单击（函数（）{
记录（）；
});
$（“#playBtn”）。单击（函数（）{
play（）；
});
$（“#stopBtn”）。单击（函数（）{
停止（）；
});
});
函数记录（）
{
if（mediaVar！=null）{
mediaVar.release（）；
}
createMedia（函数（）{
status=“正在录制”；
中隔星状核（）；
}，onStatusChange）；
}
函数createMedia（onMediaCreated、mediaStatusCallback）{
if（mediaVar！=null）{
onMediaCreated（）；
回来
}
if（mediaStatusCallback的类型==“未定义”）
mediaStatusCallback=null；
mediaVar=新媒体（记录文件名，函数（）{
日志（“已成功创建媒体”）；
}、OneError、mediaStatusCallback）；
onMediaCreated（）；
}
函数停止（）
{
if（mediaVar==null）
回来
如果（状态==‘记录’）
{
mediaVar.stopRecord（）；
日志（“记录停止”）；
}
否则，如果（状态=‘正在播放’）
{
mediaVar.stop（）；
日志（“播放停止”）；
} 
其他的
{
日志（“没有停止”）；
}
状态='停止'；
}
函数播放（）
{
createMedia（函数（）{
status=“playing”；
mediaVar=新媒体（'/sdcard/'+记录文件名，函数（）{
日志（“已成功创建媒体”）；
}，onError）；
mediaVar.play（）；
});
}
函数onStatusChange（）
{
}
函数onSuccess（）
{
//无所事事
}
函数ONERR（错误）
{
if（err.message的类型！=“未定义”）
err=err.message；
警报（“错误：+err”）；
}
功能日志（消息）
{
控制台信息（消息）；
}
记录器
在Android设备上，PhoneGap媒体对象具有以下未经详细记录的重要行为（）：

  • “my_audio=新媒体（'myRecording100.wav'，onMediaCallSuccess， onMediaCallError）”：当“myRecording100.wav”不存在时，它 将创建文件；当它存在时，它会打开它
  • “my_audio.stopRecord（）”：调用“stopRecord（）”时，.wav
    媒体文件已移动到“/SD卡”文件夹。所以在检查之前的 已录制.wav存在，代码应在“/sdcard”文件夹下查找。如果 它确实存在，应该从
    “/sdcard/myRecording100.wav”
希望这对你有帮助

<!DOCTYPE html>
<html>
  <head>
  <title></title>

    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no;" />
    <meta charset="utf-8">

    <script type="text/javascript" charset="utf-8" src="cordova-2.2.0.js"></script>
    <script type="text/javascript" src="jquery-1.7.2.js"></script>

    <script type="text/javascript">

        var deviceready = false;
        var mediaVar = null;
        var recordFileName = "recording.wav";
        function onBodyLoad()
        {        
            document.addEventListener("deviceready", onDeviceReady, false);
            deviceready = true;
        }

        $(document).ready(function(){

            //validation to check if device is ready is skipped

            $("#recordBtn").click(function(){
                record();                  
            });

            $("#playBtn").click(function(){
                play();
            });

            $("#stopBtn").click(function(){
                stop();
            });
        });

        function record()
        {
        if (mediaVar != null) {
                mediaVar.release();
            }
            createMedia(function(){
                status = "recording";
                mediaVar.startRecord();
            },onStatusChange);
        }

        function createMedia(onMediaCreated, mediaStatusCallback){
            if (mediaVar != null) {
                onMediaCreated();
                return;
            }

            if (typeof mediaStatusCallback == 'undefined') 
                mediaStatusCallback = null;

                mediaVar = new Media(recordFileName, function(){
                    log("Media created successfully");
                }, onError, mediaStatusCallback); 
                onMediaCreated();
        }

        function stop()
        {
            if (mediaVar == null)
                return;

            if (status == 'recording')
            {
                mediaVar.stopRecord();
                log("Recording stopped");
            }
            else if (status == 'playing')
            {
                mediaVar.stop();            
                log("Play stopped");
            } 
            else
            {
                log("Nothing stopped");
            }
            status = 'stopped';
        }

        function play()
        {
            createMedia(function(){
                status = "playing";
            mediaVar = new Media('/sdcard/'+recordFileName, function(){
                    log("Media created successfully");
                }, onError); 

                mediaVar.play();    
            });
        }

        function onStatusChange()
        {
        }

        function onSuccess()
        {
            //do nothing
        }

        function onError(err)
        {
            if (typeof err.message != 'undefined')
                err = err.message;
            alert("Error : " + err);
        }

        function log(message)
        {
            console.info(message);
        }
 </script>
  </head>
  <body onload="onBodyLoad()">
      Recorder<br>
      <input type="button" name="recordBtn" id="recordBtn" value="Record">
      <input type="button" name="stopBtn" id="stopBtn" value="Stop">
      <input type="button" name="playBtn" id="playBtn" value="Play">
  </body>
</html>