1.小程序后台添加微信同声传译插件

效果图：

2.wxml文件代码

<view class="yuyinWrap"><textarea class='yuyinCon' placeholder='请输入内容' value='{{content}}' bindinput='conInput'></textarea><view class=''><button class="yuyinBtn start" bindtap='wordYun'>开始</button><button class="yuyinBtn" bindtap='end'>结束</button></view></view>

3.wxss文件代码

.yuyinWrap {position: relative;margin-top:300rpx;}.yuyinCon {border: 1px solid #ccc;margin: 0 auto;padding: 10rpx 10rpx 70rpx;}.yuyinBtn {width: 30%;height: 70rpx;position: absolute;right: 112rpx;bottom: 12rpx;border: 1px solid #eee;background: #fff;color: #606267;line-height: 62rpx;}.start{left: -112rpx;}

4.js代码

const app = getApp();
//引入插件：微信同声传译
const plugin = requirePlugin('WechatSI');Page({/*** 页面的初始数据*/data: {content: '',//内容src:'', //},onReady(e) {//创建内部 audio 上下文 InnerAudioContext 对象。this.innerAudioContext = wx.createInnerAudioContext();this.innerAudioContext.onError(function (res) {console.log(res);wx.showToast({title: '语音播放失败',icon: 'none',})}) },// 手动输入内容conInput: function (e) {this.setData({content: e.detail.value,})},// 文字转语音wordYun:function (e) {var that = this;var content = this.data.content;plugin.textToSpeech({lang: "en_US",tts: true,content: content,success: function (res) {console.log(res);console.log("succ tts", res.filename);that.setData({src: res.filename})that.yuyinPlay();},fail: function (res) {console.log("fail tts", res)}})},//播放语音yuyinPlay: function (e) {if (this.data.src == '') {console.log(暂无语音);return;}this.innerAudioContext.src = this.data.src //设置音频地址this.innerAudioContext.play(); //播放音频},// 结束语音end: function (e) {this.innerAudioContext.pause();//暂停音频},})

已经实现！

微信小程序 -语音合成：将文字转为语音（小程序插件：微信同声传译）相关推荐

微信小程序 -- 语音合成：将文字转为语音（插件：微信同声传译）
直接上手吧. 1. 小程序后台添加插件:微信同声传译以及在app.json进行配置具体可看另外一篇博客:https://blog.csdn.net/qq_41638795/article/detai ...
「微信同声传译」小程序插件：快速实现语音转文字、文本翻译、语音合成等能力...
上期,我们在<「医院 LBS 位置服务」插件:输出LBS室内位置能力,为改善就医服务提供解决方案>一文中介绍了「医院 LBS 位置服务」小程序插件的意义.使用场景以及使用方法. 今天我们为 ...
微信小程序 -- 获取语音，并将语音转为文字（插件：微信同声传译）
实现的功能是获取语音,并将语音转为文字,实现效果如下: 1. 小程序后台添加插件:微信同声传译登录小程序后台:https://mp.weixin.qq.com 11. 设 ...
【微信小程序】语音播报，文字转语音，使用《微信同声传译插件》
需要实现的功能是: 输入一段文字,由小程序读出来步骤如下: 一.小程序添加 "微信同声传译" 插件添加插件步骤看这篇博===>如何添加插件并配置二.代码编写 index ...
微信公众号语音转文字api_配音秀小程序（免费版文字转语音软件）公众号
文字转语音广告.配音小程序.文字转语音小程序.配音软件.配音神器文字转语音广告.配音小程序.文字转语音小程序.配音软件.配音神器文字转语音广告.配音小程序.文字转语音小程序.配音软件.配音神器文字转语 ...
微信小程序同声传译开发（语音识别、语音输入转文字）开发教程
微信同声传译插件是微信自研的语音输入,文本翻译等功能的插件封装,用于提供给第三方小程序调用. 1.小程序后台进行配置在浏览器搜索微信公众平台,微信扫码登录小程序.点击设置->第三方设置-> ...
微信小程序的语音输入功能开发：微信同声传译插件
微信小程序的语音输入,语音转文字功能在很多场景要使用到比如搜索框,搜索关键字的时候用语音输入比用文字方便多了再比如再天下网吧小程序里发帖,发布回复时,用语音输入比输入文字也方便不少那么如何实现语 ...
微信小程序语音识别、语音合成（微信同声传译）使用代码实例
最近在开发一款"单词大作战"的微信小程序,想增加语音识别.语音合成这2个功能.(让用户能听到单词的读音,并对比自己读音是否标准正确). 查了一下资料,大概有几种方式:用百度翻译(需 ...
面对面翻译小程序是微信团队针对面对面沟通的场景开发的流式语音翻译小程序，通过微信同声传译插件提供了语音识别，文本翻译等功能。
面对面翻译小程序面对面翻译小程序是微信团队针对中英文面对面沟通的场景开发的流式语音翻译小程序,基于微信同声传译插件封装实现,提供了中英文语音识别,文本翻译等功能. 预览下载与使用克隆代码 pro ...

微信小程序 -语音合成：将文字转为语音（小程序插件：微信同声传译）

1.小程序后台添加微信同声传译插件

效果图：

2.wxml文件代码

3.wxss文件代码

4.js代码

微信小程序 -语音合成：将文字转为语音（小程序插件：微信同声传译）相关推荐

最新文章

热门文章