uniapp安卓端实现语音合成播报

2024-07-13 01:44:02
开发
18

最初尝试使用讯飞语音合成方式,能获取到语音数据,但是数据是base64格式的,在安卓端无法播放,网上有说通过转成blob格式的url可以播放,但是uniapp不支持转换的api;于是后面又想其他办法,使用安卓插件播报原生安卓语音播报插件 - DCloud 插件市场

方案一(讯飞语音合成)

1.在讯飞后台注册登录获得APPID等信息讯飞语音合成控制台

2.在项目根目录使用npm安装crypto-js

npm i crypto-js

3.新建xunfei.js文件,替换讯飞的APPID等3个配置

// 讯飞语音合成api文档	https://www.xfyun.cn/doc/tts/online_tts/API.html
import CryptoJS from 'crypto-js'
import {Base64} from './base64.js';

const APPID = "替换自己的APPID";
const API_SECRET = "替换自己的API_SECRET";
const API_KEY = "替换自己的API_KEY";

const URL = "wss://tts-api.xfyun.cn/v2/tts"
const HOST = "tts-api.xfyun.cn"

function getWssUrl(date) {
	date = date||(new Date().toGMTString())
	let signatureOrigin = `host: ${HOST}\ndate: ${date}\nGET /v2/tts HTTP/1.1`
	let signatureSha = CryptoJS.HmacSHA256(signatureOrigin, API_SECRET)
	let signature = CryptoJS.enc.Base64.stringify(signatureSha)
	let authorizationOrigin = `api_key="${API_KEY}", algorithm="hmac-sha256", headers="host date request-line", signature="${signature}"`
	let authStr = CryptoJS.enc.Base64.stringify(CryptoJS.enc.Utf8.parse(authorizationOrigin))
	return URL + "?authorization=" + authStr + "&date=" + date + "&host=" + HOST
	
}
const wssUrl=getWssUrl()
// console.log("讯飞语音合成wssUrl",wssUrl)

export const speak = (word) => {
	if (!word) {return}
	const socketTask=uni.connectSocket({
		url: wssUrl,
		success: res=> {
			console.log("讯飞websocket连接成功",res);
		},
		fail: err=> {
			console.log("讯飞websocket连接失败",err);
		},
	});

	//连接建立完毕，读取数据识别
	let buffs = ""

	socketTask.onOpen(data => {
		let params = {
			"common": {
				"app_id": APPID
			},
			"business": {
				// aue: "raw",
				aue: "lame",//mp3 (当aue=lame时需传参sfl=1)
				sfl: 1,//开启流式返回mp3格式音频
				
				auf: "audio/L16;rate=16000",
				vcn: "xiaoyan",//aisjiuxu	aisxping aisjinger aisbabyxu
				tte: "UTF8",
				speed:60,//默认50,可选0-100
				volume:80,//默认50,可选0-100
			},
			"data": {
				"text": Base64.encode(word),
				"status": 2
			}
		}
		socketTask.send({
			data:JSON.stringify(params),
			success: res=> {
				console.log("讯飞websocket发送成功",res);
			},
			fail: err=> {
				console.log("讯飞websocket发送失败",err);
			},
		})

		socketTask.onMessage(res => {
			let ds = JSON.parse(res.data)
			console.log("接收到websocket消息:",ds)
			buffs+=ds.data.audio//返回的是base64数据
			if (ds.code === 0 && ds.data.status === 2) { //status为2表示合成完成
				console.log("音频合成完成");
				toPlay();
				socketTask.close();
			}
		})
	})
	socketTask.onError(err=>{
		console.log("讯飞websocket发生错误",err);
	})

	function toPlay() {
		const base64data='data:audio/mp3;base64,' + buffs
		let audioContext = uni.createInnerAudioContext();
		audioContext.autoplay = true;
		audioContext.src = base64data
		
		audioContext.play()
		audioContext.onEnded(() => {
			console.log("播放完成");
			audioContext.destroy()
			audioContext=null
		})
		audioContext.onCanplay(() => {
			console.log("可以播放音频了");
		})
		audioContext.onPlay(() => {
		  console.log('开始播放');
		});
		audioContext.onError((res) => {
		  console.log("播放失败",res);
		});
	}
	
}

上面引入的base64.js,也可以自己npm安装base64插件

export const Base64 = {
    keyStr: 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=',
    encode(input) {
        let output = '';
        let chr1, chr2, chr3, enc1, enc2, enc3, enc4;
        let i = 0;
        input = Base64.utf8Encode(input);
        while (i < input.length) {
            chr1 = input.charCodeAt(i++);
            chr2 = input.charCodeAt(i++);
            chr3 = input.charCodeAt(i++);
            enc1 = chr1 >> 2;
            enc2 = ((chr1 & 3) << 4) | (chr2 >> 4);
            enc3 = ((chr2 & 15) << 2) | (chr3 >> 6);
            enc4 = chr3 & 63;
            if (isNaN(chr2)) {
                enc3 = enc4 = 64;
            } else if (isNaN(chr3)) {
                enc4 = 64;
            }
            output = output +
                Base64.keyStr.charAt(enc1) + Base64.keyStr.charAt(enc2) +
                Base64.keyStr.charAt(enc3) + Base64.keyStr.charAt(enc4);
        }
        return output;
    },
    decode(input) {
        let output = '';
        let chr1, chr2, chr3;
        let enc1, enc2, enc3, enc4;
        let i = 0;
        input = input.replace(/[^A-Za-z0-9+/=]/g, '');
        while (i < input.length) {
            enc1 = Base64.keyStr.indexOf(input.charAt(i++));
            enc2 = Base64.keyStr.indexOf(input.charAt(i++));
            enc3 = Base64.keyStr.indexOf(input.charAt(i++));
            enc4 = Base64.keyStr.indexOf(input.charAt(i++));
            chr1 = (enc1 << 2) | (enc2 >> 4);
            chr2 = ((enc2 & 15) << 4) | (enc3 >> 2);
            chr3 = ((enc3 & 3) << 6) | enc4;
            output = output + String.fromCharCode(chr1);
            if (enc3 !== 64) {
                output = output + String.fromCharCode(chr2);
            }
            if (enc4 !== 64) {
                output = output + String.fromCharCode(chr3);
            }
        }
        output = Base64.utf8Decode(output);
        return output;
    },
    utf8Encode(string) {
        string = string.replace(/\r\n/g, '\n');
        let utfString = '';
        for (let i = 0; i < string.length; i++) {
            let c = string.charCodeAt(i);
            if (c < 128) {
                utfString += String.fromCharCode(c);
            } else if ((c > 127) && (c < 2048)) {
                utfString += String.fromCharCode((c >> 6) | 192);
                utfString += String.fromCharCode((c & 63) | 128);
            } else {
                utfString += String.fromCharCode((c >> 12) | 224);
                utfString += String.fromCharCode(((c >> 6) & 63) | 128);
                utfString += String.fromCharCode((c & 63) | 128);
            }
        }
        return utfString;
    },
    utf8Decode(utfString) {
        let string = '';
        let i = 0;
        let c = 0;
        let c2 = 0;
        let c3 = 0;
        while (i < utfString.length) {
            c = utfString.charCodeAt(i);
            if (c < 128) {
                string += String.fromCharCode(c);
                i++;
            } else if ((c > 191) && (c < 224)) {
                c2 = utfString.charCodeAt(i + 1);
                string += String.fromCharCode(((c & 31) << 6) | (c2 & 63));
                i += 2;
            } else {
                c2 = utfString.charCodeAt(i + 1);
                c3 = utfString.charCodeAt(i + 2);
                string += String.fromCharCode(((c & 15) << 12) | ((c2 & 63) << 6) | (c3 & 63));
                i += 3;
            }
        }
        return string;
    }
};

4.在main.js中引入

import {speak} from './xunfei.js' 
Vue.prototype.$speak=speak

//后续直接在需要的地方通过this.$speak('需要播报的文字')

PS:该方式在H5端播放短文本语句可以正常播放,长文本的播放不了,可以尝试分段播放,将websocket收到的数据push到一个数组中,然后一段一段播放(会有卡顿现象);在安卓端直接播放不了;大家有需要的可以尝试将base64转为blob,再用URL.createObjectURL()转换成临时url地址,或者服务端转成mp3数据

方案二(原生安卓语音播报插件) 推荐此方式,没有播报条数限制,讯飞每天有500条免费额度

在插件市场购买(0元)云打包插件插件地址然后按下图步骤选择该插件,然后重新制作自定义调试基座

然后在main.js中导入插件

// #ifdef APP
// 原生安卓语音播报插件,手机端可用,PDA需要安装tts语音引擎
let androidTTSPlugin = uni.requireNativePlugin('Tellsea-AndroidTTSPlugin');
androidTTSPlugin.init((e) => {
	let res = JSON.parse(e);
	if (res.code == 200) {
		console.log("初始化成功",res.msg);
	} else {
		console.log("初始化失败",res.msg);
	}
});
androidTTSPlugin.testPlugin('测试插件', (e) => {
	let res = JSON.parse(e);
	if (res.code == 200) {
		console.log('测试成功');
	} else {
		console.log("测试失败",res.msg);
	}
});
Vue.prototype.$speak=text=>{
	androidTTSPlugin.textToSpeech(text, (e) => {
        let res = JSON.parse(e);
        if (res.code == 200) {
            console.log("播报成功",res.msg);
        } else {
            console.log("播报失败",res.msg);
        }
    });
}
// #endif

后面在页面中使用语音播报api

this.$speak("上班了，打卡成功")

PS:如果设备播报没有声音需要查看设备是否安装了TTS语音引擎,没有的话可以安装微软的TTS语音引擎,安装完成之后,在设置->文字转语音输出->首选引擎将安装的TTS设置为首选引擎,然后打开TTS引擎配置电池优化为允许后台持续运行

下载地址:下载地址

原文地址:https://blog.csdn.net/bamboozjy/article/details/140273345 本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：https://www.suanlizi.com/kf/1811818814258679808.html 如若内容造成侵权/违法违规/事实不符，请联系《酸梨子》网邮箱：1419361763@qq.com进行投诉反馈，一经查实，立即删除！

阅读全部