小程序实现文字转语音

1、在微信公众平台登录小程序，添加插件微信同声翻译

搜索微信同声翻译点击添加，即可进行开发

代码
index.html

<view><button class="showCharacter" bindtap="wordYun">跟我读</button>
</view>

index.js

//index.js
//获取应用实例
const app = getApp()
//引入插件：微信同声传译
const plugin = requirePlugin('WechatSI');Page({data: {content: '你好啊',//内容},// 文字转语音wordYun:function (e) {var that = this;var content = this.data.content;plugin.textToSpeech({lang: "zh_CN",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(); //播放音频},)}

小程序实现文字转语音相关推荐

微信小程序实现文字转语音
很多现有的语音转化都只支持web端和app,如百度和谷歌等: SpeechSynthesisUtterance:https://blog.csdn.net/Qcg0223/articl ...
c语言小程序跑马灯,微信小程序实现文字跑马灯效果
本文实例为大家分享了微信小程序实现文字跑马灯的具体代码,供大家参考,具体内容如下 wxml 1 显示完后再显示 Box"> 2 出现白边后即显示 Box"> {{tex ...
微信小程序图片文字水平垂直居中对齐
前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家.点击跳转到网站微信小程序图片文字水平垂直居中对齐要实现水平垂直居中可使用如下方案给父元素设置 .td {dis ...
小程序如何做成html的滚动字幕,微信小程序实现文字滚动
本文实例为大家分享了微信小程序实现文字滚动的具体代码,供大家参考,具体内容如下 wxml: 显示完后再显示: {{text}} 出现白边后即显示: {{text}} {{text}} wxss: .e ...
小程序源码：语音变声器微信小程序-多玩法安装简单
如标题所示这就是一款变声器小程序源码程序支持多种音效生成,如少女,鬼畜,恐怖,萝莉等等! 另外支持本地音频文件上传变声也支持直接录音变声最后支持观看激励视频保存音频文件当然啦,也是支持在线试听 ...
微信小程序实现文字滚动
微信小程序实现文字滚动 1.wxml <view class="container"><view class='list' animation="{{a ...
小程序源码：语音变声器支持多种音效与流量主
如标题所示这就是一款变声器小程序源码程序支持多种音效生成,如少女,鬼畜,恐怖,萝莉等等! 另外支持本地音频文件上传变声也支持直接录音变声最后支持观看激励视频保存音频文件当然啦,也是支持在线试听 ...
uniapp实现微信小程序websocket+背景音频语音播报
业务需求:根据后台返回消息播报语音,要求后台运行可继续播报实现步骤: 建立socket连接监听消息,并建立心跳检测机制,防止socket意外断连将接收到的文字信息转化为音频文件使用uni.get ...
微信小程序+.NET(六) 科大讯飞语音接口-tts语音生成
科大讯飞语音接口-tts语音生成 Demo下载链接:https://download.csdn.net/download/jinglell/11566459 语音生成是另一个难点,我的应用场景 ...

小程序实现文字转语音

小程序实现文字转语音相关推荐

最新文章

热门文章