美文网首页
h5-语音输入转为汉字

h5-语音输入转为汉字

作者: 罗宏宇 | 来源:发表于2017-10-25 11:43 被阅读0次

    效果图:

    代码:

    例:

    mui.init({

    swipeBack: true, //启用右滑关闭功能

    gestureConfig: {

    hold: true, //默认为false,不监听

    release: true //默认为false,不监听

    }

    });

    mui.plusReady(function() {

    mui('.mui-input-row textarea').input();

    /*pickerdatetime();*/

    document.querySelector("#msg-type").addEventListener("hold", function() {

    this.classList.add('mui-active');

    plus.speech.startRecognize({

    engine: 'iFly',

    onaudiostart: function() {}

    }, function(text) {

    text = text.toString().replace(/,/g, '').replace(/,。/g, '。').replace(/,!/g, '!').replace(/,?/g, '?');

    var value = $("#msg-text").val();

    $("#msg-text").val(value + text) ;

    }, function(e) {

    mui.toast("语音识别失败!");

    }); //启动语音识别

    });

    document.querySelector("#msg-type").addEventListener("release", function() {

    this.classList.remove('mui-active');

    });

    });

    相关文章

      网友评论

          本文标题:h5-语音输入转为汉字

          本文链接:https://www.haomeiwen.com/subject/vncqpxtx.html