1.创建腾讯云平台账号,在其中下载使用多人音视频demo,官网上有详细的跑通过程,这里不再赘述
2.在微信公众平台中设置
3.打开微信开发者工具,打开之前腾讯云的多人音视频通话demo,在全局app.json中引入该插件
4.在tricroom页面的js文件中,在component组件外声明插件
5.在method方法中添加按下按钮与松开按钮的方法
7.松开按钮后进行的语音识别操作,也是写在method中
8.网上大多数使用的微信同声传译插件的方法都是基于page的onshow页面监听,而在该项目中,由于使用的是component组件,其中onshow是不生效的,所以需要在lifetime生命周期中调用上一步写的方法
9.wxml中写前端按钮,绑定第五步中的按下与松开两个方法
至于css的属性就不贴了,大家可以根据自己喜好来设置。