微信小程序語音播報功能

準備

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億');
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容