氧气柠檬 發表於 2019-11-18 11:20:00

微信小程序开发语音识别文字教程

<p>微信小程序开发语音识别文字教程&nbsp;&nbsp;</p>
<p>现在后台 添加插件&nbsp;</p>
<p>微信同声传译</p>
<p>然后app.json</p>
<p>加入插件</p>
<div>
<div>
<div class="cnblogs_Highlighter">
<pre class="brush:html;gutter:true;">"plugins": {
"WechatSI": {
"version": "0.0.7",
"provider": "xxxxxxxxx"
}
}
</pre>
</div>
<p>  </p>
</div>
</div>
<p>前端页面</p>
<div class="cnblogs_Highlighter">
<pre class="brush:html;gutter:true;">&lt;image class="psearchsp_yuyinbtn" bindtouchstart='luyin'bindtouchend='quxiaoluyin' style="display:{{isshow}}" src="yuyinbtn.png"&gt;&lt;/image&gt;
</pre>
</div>
<p> </p>
<p> </p>
<p>js</p>
<div class="cnblogs_Highlighter">
<pre class="brush:html;gutter:true;">var plugin = requirePlugin("WechatSI")
var manager = plugin.getRecordRecognitionManager()
</pre>
</div>
<p>  </p>
<div>&nbsp;</div>
<div class="cnblogs_Highlighter">
<pre class="brush:html;gutter:true;">luyin() {
    manager.start({

      lang: 'zh_CN',

    })
    console.log('开始录音');
},
quxiaoluyin() {
    manager.stop()
    console.log('取消录音');
},
</pre>
</div>
<p>  </p>
<p>&nbsp;录音完成后回调</p>
<p>onload函数里面写</p>
<p>&nbsp;</p>
<div class="cnblogs_Highlighter">
<pre class="brush:html;gutter:true;">    manager.onRecognize = function (res) {
      console.log("current result", res.result)
    }
    manager.onStop = function (res) {<br>      // mp3临时路径
      console.log("record file path", res.tempFilePath)<br>      //mp3语音转化成文字结果
      console.log("result", res.result)
    }
    manager.onStart = function (res) {
      console.log("成功开始录音识别", res)
    }
    manager.onError = function (res) {
      console.error("error msg", res.msg)
    }
</pre>
</div>
<p>  </p>
<p>详细文档 看https://developers.weixin.qq.com/miniprogram/dev/extended/service/translator.html</p>
<p>&nbsp;</p>

</div>
<div id="MySignature" role="contentinfo">
    <div id="AllanboltSignature">
      <p id="PSignature" style="border-top: #e0e0e0 1px dashed; border-right: #e0e0e0 1px dashed; border-bottom: #e0e0e0 1px dashed; border-left: #e0e0e0 1px dashed; padding-top: 10px; padding-right: 20px; padding-bottom: 30px; padding-left: 140px; background: url(&quot;https://images.cnblogs.com/cnblogs_com/newmiracle/1588319/t_191112022504qrcode_for_gh_3b9ed2775d3c_258%20(1).jpg?t=1573527191829&quot;) #e5f1f4 no-repeat 3% 45%; font-family: 微软雅黑; font-size: 12px">
   <br>
如果遇到什么不懂的地方直接关注公众号留言(本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须在文章页面给出原文连接,否则保留追究法律责任的权利。)
            <br>
            作者:newmiracle
            <br>
            出处:https://www.cnblogs.com/newmiracle/
            <br>
         
      </p>
     </div><br><br>
来源:https://www.cnblogs.com/newmiracle/p/11881052.html
頁: [1]
查看完整版本: 微信小程序开发语音识别文字教程