H5语音输入

首先:HTML如下:

<textarea id="speech" ng-model="speech.text" class="gwyj-textarea" maxlength="250" placeholder="请详细描述你的岗位意见"></textarea>

上截图:

再来:js中(我用的angularJS)

$scope.speech = {};
        $scope.speech.text = "";
        var text = "";
        $scope.startRecognize = function() {
            if(plus.os.name == 'Android' && navigator.userAgent.indexOf('StreamApp') > 0) {
                plus.nativeUI.toast('当前环境暂不支持语音识别插件');
                return;
            }
            var options = {};
            options.engine = 'iFly';
            plus.speech.startRecognize(options, function(s) {
                text = $("#speech").val() + s;
         // 控制250字之间···
if (text.length>250) { text = text.substr(0,250); } else{ $("#speech").val(text); } console.log($scope.speech.text); }, function(e) { // alert("语音识别失败!"); plus.nativeUI.toast('语音识别失败'); }); // setTimeout( stopRecognize, 10000 ); } function stopRecognize() { plus.speech.stopRecognize(); }

 

截图如下:

 

posted @ 2017-04-27 16:10  宝宝&贝贝  阅读(3182)  评论(0编辑  收藏  举报