当前位置:   article > 正文

uniapp开发小程序实现文字转语音(微信同声传译插件)_uniapp 文字转语音

uniapp 文字转语音

1:

进入微信服务市场>接口和插件搜索  微信同声传译; 点击添加;


然后回到小程序平台进入设置>第三方设置; 插件管理>添加进这个插件;


点击插件详情,记住这里的 插件AppID 和版本号待会要用; 版本推荐"0.3.3";

2:

然后进入uniapp的配置文件,源码视图,小程序特有相关;添加plugins


    "appid": "wx8fb5362491ca2bf1",
        "plugins": {
            "WechatSI": {
                "version": "0.3.3",
                "provider": "wx069ba97219f66d99" //插件AppID
            }
        },

3:页面代码:

直接引入:


    var plugin = requirePlugin("WechatSI")


data配置这两个数据


    // 插件实例
    plugin: plugin,
    text: "0", //语音播放的文本,注意必须为字符串类型,数字类型可能会播放失败

methods中定义一个播放函数


playSpeech() {
    this.plugin.textToSpeech({
          lang: "zh_CN",
            tts: true, //启动文本转语音功能
        content: this.text, // 要播放的语音内容
        success: (res) => {
            // 创建音频上下文
            let innerAudioContext = uni.createInnerAudioContext();
            //设置音频文件的来源
            innerAudioContext.src = res.filename; 
            //播放音频
            innerAudioContext.play(); 
            // 监听播放事件
            innerAudioContext.onPlay(() => {
                // console.log('开始播放');
            });
        }
    });
},

在需要播放的位置使用这个函数;


this.playSpeech();
 

4:千万注意播放的文本需要是字符串,数字类型播放不了;

5:如果有帮到你的话,希望留下一个赞!

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/很楠不爱3/article/detail/381507
推荐阅读
相关标签
  

闽ICP备14008679号