美文网首页
微信小程序语音播报功能

微信小程序语音播报功能

作者: 遇见wn | 来源:发表于2023-02-07 09:55 被阅读0次

准备

1.进入微信公众平台》设置》第三方设置》插件管理》添加插件》微信同声传译

image.png

2.点击插件详情,查看插件的AppID

image.png

3.打开uniapp项目的配置文件manifest.json,选择“源码视图”,添加在plugins的对象中:

/* 小程序特有相关 */
    "mp-weixin" : {
        "appid" : "  ",
        "setting" : {
            "urlCheck" : false,
            "postcss" : false,
            "minified" : true,
            "es6" : true
        },
        "usingComponents" : true,
        "plugins" : {
            // 微信同声传译
            "WechatSI" : {
                "version" : "0.3.5",
                "provider" : "wx069ba97219f66d99"  //插件的appid
            },
        },
        "permission" : {
            "scope.userLocation" : {
                "desc" : "将获取你的具体位置信息,用于小程序位置接口的效果展示"
            }
        },
        "requiredPrivateInfos" : [ "getLocation" ],
        "lazyCodeLoading" : "requiredComponents"
    },

开发

1.文件头部引入

var plugin = requirePlugin('WechatSI');
var manager = plugin.getRecordRecognitionManager();

2.核心逻辑代码

// 文字转语音播放
    skvido(value) {
        let _this = this;
        let content = value
        plugin.textToSpeech({
            lang: 'zh_CN',
            tts: true,
            content: content,
            success: function(res) {
                let music = null;
                music = uni.createInnerAudioContext(); //创建播放器对象
                music.src = res.filename;
                music.play(); //执行播放
                music.onEnded(() => {
                    //播放结束
                    music = null;
                });
            },
            fail: function(err) {
                //err
            }
        });
    },

3.使用

this.skvido('支付宝到账1亿');

相关文章

网友评论

      本文标题:微信小程序语音播报功能

      本文链接:https://www.haomeiwen.com/subject/tivxkdtx.html