html5移动端调用语音功能

  
    

      

          
详细病情(支持语音输入识别)
          

              
              

                  's
                  
              
          
      
    
    




    

        

        

            
            
            
            
            
            
        
    
    
2秒内找到合适医生

wx.ready(function(){});
var START = null;   //开始时间
var END = null; //最后时间
var timeout = undefined;    //定时器  
var state = 0;  //状态
function showRecording() {
    $(".sound-recording").show();//显示录音
    //span的width随机变化
    setInterval(function (){
        $(".sound-recording dd span").each(function (){
            $(this).width(48*Math.random() + 'px');
        });
    },200)
    clearTimeout(timeout);
    state = 0;  
    timeout = setTimeout(function() {  
        state = 1;  
    }, 1000);
}
function stopRecording() {
    $(".sound-recording").hide();//关闭录音
    clearTimeout(timeout);  
    state = 0;  
}
$("#talk_btn").on("touchstart", function (event) {  
    event.preventDefault();
    START = new Date().getTime();
    wx.startRecord({
        success: function(){
            recordTimer = setTimeout(function(){
                var longTime = new Date().getTime();
                if(longTime - START > 100){
                    showRecording();
                }
                wx.startRecord({
                    success: function(){
                        localStorage.rainAllowRecord = 'true';
                    }
                });
            },300);
        },
        cancel: function () {
            stopRecording();
            alert('用户拒绝授权录音');
        }
    });
});
//取消触摸
$('#talk_btn').on('touchcancel', function(event){
    stopRecording();
    wx.stopRecord({
        success: function (res) {
            clearTimeout(recordTimer);
        },
        fail: function (res) {
        }
    });
})      
$("#talk_btn").on("touchend", function (event) { 
    stopRecording();
    event.preventDefault();
    END = new Date().getTime();
    wx.stopRecord({
        success: function (res) {
            if((END - START) < 300){
                END = 0;
                START = 0;
                //小于300ms，不录音
                clearTimeout(recordTimer);
                return;
            }else{
                $("#hear").css("display","inline-block");
            }
            // play(res.localId);
            translateVoice(res.localId);
            var timeLength = ((END-START)/1000).toFixed(1);  //时间差
            $("#hear input").val(res.localId);
            $("#hear b").text(timeLength);
        },
        fail: function (res) {                                                                                        
            alert(JSON.stringify(res));
        }
    });
}); 
//播放语音
function play() {
    var localId = $("#hear input").val();
    $(".hear").addClass("cur");
    wx.playVoice({
        localId: localId
    })
    //语音播放结束的回调
    wx.onVoicePlayEnd({
        success: function (res) {
            $(".hear").removeClass("cur");
            //var localId = res.localId; // 返回音频的本地ID
        }
    });
}
function translateVoice(localId) {
    wx.translateVoice({
        localId: localId, // 需要识别的音频的本地Id，由录音相关接口获得
        isShowProgressTips: 1, // 默认为1，显示进度提示
        success: function (res) {
            $('textarea[name=msg]').val(res.translateResult); // 语音识别的结果
        }
    });
}
function uploadVoice() {
    var serverId = '';
    var localId = $("#hear input").val();
    if (localId != '') {
        wx.uploadVoice({
            localId: localId, // 需要上传的音频的本地ID，由stopRecord接口获得
            isShowProgressTips: 1, // 默认为1，显示进度提示
                success: function (res) {
                serverId = res.serverId; // 返回音频的服务器端ID
            }
        });
    }
    return serverId;
}
$("#hear i").on("click", function (){
    $("#hear input").val('');
    $(this).parent().hide();
})