科大讯飞webAPI文字转语音

wenlianglian

已于 2023-04-13 10:37:12 修改

阅读量2k

点赞数

文章标签： uni-app html5 前端

于 2023-04-07 14:31:32 首次发布

本文链接：https://blog.youkuaiyun.com/hellow_world_/article/details/130011346

版权

本文展示了如何利用JavaScript的WebWorker技术结合科大讯飞的文字转语音（TTS）API，创建一个语音合成应用。代码包括设置WebSocket连接、参数配置、音频数据处理以及WebWorker的使用，用于在后台转换音频采样率和格式。此外，还提供了Vue组件的示例，用于用户界面交互。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

可能会遇到的坑

原文链接

自行了解 js webWorker线程

我的目录结构

TTS.js代码

// 科大讯飞 文字->语音
import {downloadPCM, downloadWAV} from '@/common/download.js'
import CryptoJS from 'crypto-js'
import { Base64 } from 'js-base64'
var transWorker = new Worker('../common/transcode.worker.js')
//测试完成后需要改成 var transWorker = new Worker('transcode.worker.js')
//APPID，APISecret，APIKey在控制台-我的应用-语音合成（流式版）页面获取
const APPID = ''
const API_SECRET = ''
const API_KEY = ''
function getWebsocketUrl() {
  return new Promise((resolve, reject) => {
	var apiKey = API_KEY
	var apiSecret = API_SECRET
	var url = 'wss://tts-api.xfyun.cn/v2/tts'
	var host = location.host
	var date = new Date().toGMTString()
	var algorithm = 'hmac-sha256'
	var headers = 'host date request-line'
	var signatureOrigin = `host: ${host}\ndate: ${date}\nGET /v2/tts HTTP/1.1`
	var signatureSha = CryptoJS.HmacSHA256(signatureOrigin, apiSecret)
	var signature = CryptoJS.enc.Base64.stringify(signatureSha)
	var authorizationOrigin = `api_key="${apiKey}", algorithm="${algorithm}", headers="${headers}", signature="${signature}"`
	var authorization = btoa(authorizationOrigin)
	url = `${url}?authorization=${authorization}&date=${date}&host=${host}`
	resolve(url)
  })
}
export default class TTSRecorder {
  constructor({
	speed = 20,
	voice = 50,
	pitch = 50,
	voiceName = 'xiaoyan',
	appId = APPID,
	text = '',
	tte = 'UTF8',
	defaultText = '请输入您要合成的文本',
  } = {}) {
	this.speed = speed
	this.voice = voice
	this.pitch = pitch
	this.voiceName = voiceName
	this.text = text
	this.tte = tte
	this.defaultText = defaultText
	this.appId = appId
	this.a

最低0.47元/天解锁文章