uni-app开发APP语音播报功能

最近开发一个代取快递的功能模块，需求是当快递取到之后要给用户一个反馈，也就是以语音提示的方式给用户提示

因为提示的文字是固定的，所以其实思路就是利用文字识别，之后转换为语音进行播报这么一个思路

但是问题就在于客户端如何进行判断快递到达

这边的话是采用，服务人员确认取件---服务器改变状态----给与客户端提示，客户端进行语音播报，

但是！！！！首先要保持客户端的运行，可以是后台，也可以是锁屏状态，但是一定要是运行的，然后在整个客户端加赞的时候设置定时器，定时判断一个开关的状态

当服务器给与客户端反馈的时候就可以进行语音播报，并重置整个开关的状态

文字转换为语音的代码如下，这个是一个在uni-app插件市场的小哥制作的，也可以去插件市场进行搜索，这边仅做记录

const audioTeam = [];
let audioStartSwitch = false;
const getAudioUrl = 'https://tsn.baidu.com/text2audio';
/**
 * 浏览器调用语音合成接口
 * 获取token接口: https://openapi.baidu.com/oauth/2.0/token?grant_type=client_credentials&client_id=uFYiXWMCiYvx68V4EVyCGeL8j4GAzXD5&client_secret=897Mm2qCj7bC1eHYVDxaWrO38FscTOHD
 */

function getBDVoicToken() {
    return new Promise((rs, rj) => {
        console.log('准备访问接口获取语音token')
        uni.request({ // 强烈建议此接口由后端访问并且维护token有效期，否则前端每次访问都会刷新token
            //此url为专门插件测试预览用的key和secret key， 请替换为自己申请的key
            url: 'https://openapi.baidu.com/oauth/2.0/token',
            method: 'POST', //建议使用post访问
            // data: 'grant_type=client_credentials&client_id=nm6Os9qqOacgxXjKv8PIp45H&client_secret=BXHhGIpNU7Wi3GDYUt0AGY5cWbWklrov',
            data: 'grant_type=client_credentials&client_id=jtwoB9xzRnv3qltcfqL0pk1t&client_secret=A16UKHBKVeAh68kuGGSPqnemCVyPDmgb',
            header: {
                "content-type": "application/x-www-form-urlencoded"
            },
            success: (res) => {
                console.log('访问成功');
                rs(res);
            },
            fail: (err) => {
                console.log('访问失败');
                rj(err);
            }
        })
    })
}

export default function openVoice(objs) { // 传入需转为语音的文本内容
    let lineUp = false;
    let returnAudio = false;
    if (typeof(objs) !== 'string') {
        if (objs && objs.lineUp === true) {
            lineUp = true;
        }
        if (objs && objs.returnAudio === true) {
            returnAudio = true;
        }
    }
    if(returnAudio) {
        return new Promise((resolve, reject)=>{
            openVoiceFc(objs, returnAudio).then(res=>{
                resolve(res);
            }).catch(err=>{
                reject(err)
            });
        })
    }
    
    if (!audioStartSwitch || lineUp) {
        audioStartSwitch = true;
        openVoiceFc(objs);
    } else {
        audioTeam.push(objs);
    }
}

function openVoiceFc(objs, returnAudio) {
    console.log('准备获取语音tok');
    if(returnAudio) {
        return new Promise((resolve, reject)=>{
            getBDVoicToken().then(res => {
                console.log('获取语音tok接口成功');
                if (res.data && res.data.access_token) {
                    console.log('token: ' + res.data.access_token);
                    resolve(tts(objs, res.data.access_token, returnAudio));
                } else {
                    console.log('获取语音tok接口为空');
                    reject('获取语音tok接口为空');
                }
            }).catch(err => {
                console.log('获取语音tok接口失败');
                reject(err||'获取语音tok接口失败');
            })
        })
    }else{
        getBDVoicToken().then(res => {
            console.log('获取语音tok接口成功');
            if (res.data && res.data.access_token) {
                console.log('token: ' + res.data.access_token);
                tts(objs, res.data.access_token);
            } else {
                console.log('获取语音tok接口为空');
            }
        }).catch(err => {
            console.log('获取语音tok接口失败');
        })
    }
}

function tts(objs, tok, returnAudio) {
    if(typeof(objs)=='string')
        objs = {voiceSet: {tex: objs}};
    const data = {
                    tok,
                    cuid: tok,
                    ctp: 1,
                    lan: 'zh',
                    ...objs.voiceSet
                }
    if(returnAudio)
        return btts( data, objs.audioSet, objs.audioCallback, objs.lineUp, returnAudio);
    btts( data, objs.audioSet, objs.audioCallback, objs.lineUp, returnAudio);
}

function setAudioSet(options, audio) {
    if (options) {
        audio.volume = options.volume || 1;
        audio.startTime = options.startTime || 0;
        audio.loop = options.loop || false;
        audio.obeyMuteSwitch = options.obeyMuteSwitch && typeof(options.obeyMuteSwitch) == 'boolean' ? options.obeyMuteSwitch :
            true; //支持微信小程序、百度小程序、头条小程序
    }
}

function btts(param, options, audioCallback, lineUp, returnAudio) {
    let audio = uni.createInnerAudioContext();
    setAudioSet(options, audio);
    // 序列化参数列表
    let fd = [];
    for (let k in param) {
        fd.push(k + '=' + encodeURIComponent(encodeURIComponent(param[k])));
    }
    audio.src = `${getAudioUrl}?${fd.join('&')}`;
    
    if(returnAudio) {
        audio.onEnded(() => {
            console.log('音频播放结束');
            console.log('销毁音频实例');
            audio.destroy(); //销毁音频实例
            audio = null;
        })
        audio.onError((e)=>{
            if (audioCallback && audioCallback.onError && typeof(audioCallback.onError) == 'function') audioCallback.onError(e);
            console.log('音频播放错误: ' + JSON.stringify(e));
            console.log('销毁音频实例');
            audio.destroy(); //销毁音频实例
            audio = null;
        })
        return audio;
    }
    audio.onPlay(() => {
        console.log('音频播放开始');
        if (audioCallback && audioCallback.onPlay && typeof(audioCallback.onPlay) == 'function') audioCallback.onPlay();
    })
    audio.onPause(()=>{
        if (audioCallback && audioCallback.onPause && typeof(audioCallback.onPause) == 'function') audioCallback.onPause();
    })
    audio.onWaiting(()=>{
        if (audioCallback && audioCallback.onWaiting && typeof(audioCallback.onWaiting) == 'function') audioCallback.onWaiting();
    })
    audio.onStop(()=>{
        if (audioCallback && audioCallback.onStop && typeof(audioCallback.onStop) == 'function') audioCallback.onStop();
    })
    audio.onTimeUpdate(()=>{
        if (audioCallback && audioCallback.onTimeUpdate && typeof(audioCallback.onTimeUpdate) == 'function') audioCallback.onTimeUpdate();
    })
    audio.onSeeking(()=>{
        if (audioCallback && audioCallback.onSeeking && typeof(audioCallback.onSeeking) == 'function') audioCallback.onSeeking();
    })
    audio.onSeeked(()=>{
        if (audioCallback && audioCallback.onSeeked && typeof(audioCallback.onSeeked) == 'function') audioCallback.onSeeked();
    })
    audio.onEnded(() => {
        console.log('音频播放结束');
        console.log('销毁音频实例');
        audio.destroy(); //销毁音频实例
        audio = null;
        if (audioCallback && audioCallback.onEnded && typeof(audioCallback.onEnded) == 'function') audioCallback.onEnded();
        if (lineUp !== false) {
            if (audioTeam.length > 0) {
                console.log('队列中');
                openVoiceFc(audioTeam[0]);
                audioTeam.splice(0, 1);
            } else {
                console.log('队列为零');
                audioStartSwitch = false;
            }
        }
    })
    audio.onError((e)=>{
        if (audioCallback && audioCallback.onError && typeof(audioCallback.onError) == 'function') audioCallback.onError(e);
        console.log('音频播放错误: ' + JSON.stringify(e));
        console.log('销毁音频实例');
        audio.destroy(); //销毁音频实例
        audio = null;
    })
    audio.play();
}

然后在界面进行调用

<script>
    import Voice from '@/QS-baiduyy/QS-baiduyy.js';
    export default {
        data() {
            return {
                title: 'Hello'
            }
        },
        onLoad() {
            this.openVoice();
        },
        methods: {
            openVoice() {
                setInterval(function(){
                    console.log('准备播报语音');
                    Voice('你好，您的快递已到达，请下楼取件');
                    Voice('谢谢！');
                }, 3000)
            }
        }
    }
</script>