javascript调用百度API,文字转语音播放

前言

文字转语音,运用在什么场景了?一般后台管理系统会用到,提示管理员有“新的订单”、“新的任务”等等,管理员可以马上收到,并及时处理。就好比,在餐厅,经常会听到“你有新的订单”。下面就来看看是如何做到的。

示例
首先我们需要用到百度API, 百度演示地址
在这里插入图片描述
javascript实现起来其实很简单,代码如下:

function audioPlay(text){
    var zhText = text;
    zhText = encodeURI(zhText);
    var audio = "<audio autoplay=\"autoplay\">" + "<source src=\"http://tts.baidu.com/text2audio?lan=zh&ie=UTF-8&spd=4&text=" + zhText + "\" type=\"audio/mpeg\">" + "<embed height=\"0\" width=\"0\" src=\"http://tts.baidu.com/text2audio?text=" + zhText + "\">" + "</audio>";
    $('body').append(audio);
}
audioPlay('我是web秀');
<script src="http://cdn.javanx.cn/wp-content/themes/lensnews2.2/js/jquery.min.js?ver=3.1.1"></script>

可以复制到在线coding,运行,需引入jquery。

参数说明

  1. spd: 控制说话语速(0-15),数字越大语速越快
  2. lan: 固定值zh。语言选择,目前只有中英文混合模式,填写固定值zh
  3. pit:音调,取值0-15,默认为5中语调
  4. per: 发音人选择,0为普通女声,1为普通男生,3为情感合成-度逍遥,4为情感合成-度丫丫,默认为普通女声

现老版本很多参数都已经失效,但是基本的还是OK,大家可以参考,用最新版的api来实现功能。

  • 0
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在uniapp H5中使用百度语音识别API进行语音转文字可以按照以下步骤来进行: 1. 首先需要在百度AI开放平台上注册账号,创建应用,获取API Key和Secret Key。 2. 在uniapp项目中,引入百度语音识别API的SDK文件,可在百度AI开放平台上下载。 3. 在uniapp项目中,使用uni-app提供的录音组件进行录音,并将录音文件传递给百度语音识别API进行处理。 4. 将百度语音识别API返回的结果展示在页面上。 下面是一个简单的示例代码: ```html <!-- 引入录音组件 --> <uni-audio-recorder v-model="audioSrc" @success="onRecordSuccess" @error="onRecordError" /> <!-- 按钮触发识别 --> <button @click="startRecognize">开始识别</button> <div>{{result}}</div> ``` ```javascript export default { data() { return { // 录音文件路径 audioSrc: '', // 识别结果 result: '' } }, methods: { // 录音成功回调 onRecordSuccess(res) { this.audioSrc = res.tempFilePath }, // 录音失败回调 onRecordError(res) { uni.showToast({ title: '录音失败' }) }, // 开始识别 startRecognize() { // 引入百度语音识别API const SpeechRecognizer = uni.requireNativePlugin('uni-speech-recognizer') // 配置参数 const options = { apiKey: 'yourApiKey', secretKey: 'yourSecretKey', audioSource: this.audioSrc, audioFormat: 'wav', devPid: 1536 // 中文普通话 } // 调用API进行识别 SpeechRecognizer.recognizer(options, (res) => { this.result = res.result }, (err) => { uni.showToast({ title: '识别失败' }) }) } } } ``` 需要注意的是,使用uni-app提供的录音组件进行录音时,需要在manifest.json文件中添加权限声明: ```json { "permission": { "scope.record": { "desc": "用于录制和识别语音" } } } ``` 另外,需要在uni-app的manifest.json文件中添加nativePlugins声明,才能使用uni.requireNativePlugin引入百度语音识别API: ```json { "nativePlugins": [ { "name": "uni-speech-recognizer", "version": "1.0.0", "provider": "uni" } ] } ``` 希望这个示例能够帮助到您。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值