有关H5将文字转成语音播放

##1使用浏览器自带的功能,通过js 实现文字转语音并播放。

	//定义
	AudioPlayBystr(str_tip){
		var msg =new SpeechSynthesisUtterance();
		msg.rate = 0.8; //播放语速
		msg.pitch = 1; //音调高低
		msg.text = str_tip;
		msg.volume = 10 ;//播放音量
		msg.lang="zh-CN";//语言类型
		speechSynthesis.speak(msg);//播放		
		console.log(msg)
		msg.onstart=function(){console.log("开始播放会调用我")};
		msg.onend=function(){console.log("播放完成才会调用我")};
		msg.onpause=function(){console.log("播放暂停才会调用我")};
		msg.onresume=function(){console.log("播放重新开始才会调用我")};
		msg.onerror=function(error){console.log("播放出现错误才会调用我"+error)};
	}
	//调用
	this.AudioPlayBystr("这只是一个测试,别问我为什么,就是这样,你听就完事了,在跟我逼逼赖赖,我就干你")

##2如果使用Chrome出现播放不了
在这里插入图片描述说明不能自动播放
(1)解决方法: 进去必须有一个激活动作,如点击事件click,或者你直接鼠标点击页面某处就可以播放了
(2)在地址栏输入 chrome://flags/#autoplay-policy ,然后将default改为在这里插入图片描述

  • 0
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
其实作为H5想要做语音识别,自认为还说有各种弊端得,同时还是微信公众号里面,如果小程序得话,或许会简单一点,但是这里是在公众号里面开发,在这个过程中查阅个各种资料,其实里面得东西都大同小异,但是大多数并不全, 首先微信公众号里面得H5开发语音录入,试过各种方法,由于是java渣渣,页面技术只是了解简单得,因此在使用标签得时候,本身并不能适用于当前得需求,因此最后只能选择了微信自带得录音功能,使用微信提供的接口,(具体得接口使用还是去看微信接口得使用) 由于使用微信得接口得话,首先要上传到它得服务器上面去(虽然也有本地得文件储存id,但是好像并没有用),这里就涉及到了一个serverid,这个值是存在于微信临时素材库得id,后期要用它来获取录音得文件。 通过微信提供得获取临时素材文件得接口,得到了文件(具体方法网上一搜一大堆,后期我也会将完整得代码放进资源里面),但是这里有一个坑得问题,他的格式为.amr得格式,但是最后的目的是换为文字,因此这里涉及到了格式换 主要用了现成得技术,也是通过下载资源获取得jar以及实现得方法,将.amr换为了MP3格式 然后就就是最后一部了,将mp3得音频文件换为文字,我这里用的是讯飞得技术,当然百度得也可以, 其实整个需求得这个流程已经完成了,但是不得不说里面遇到得坑,由于是渣渣,除了人们总说的,换为mp3得时候会报N/A得错误,我还遇到了unkowFormat这个错误。 这里只是记录一下自己在查询资料时没有一个符合自己需求得资料,同时也希望以后有这样需求得人,可以将思路捋的更加清楚,也可以进行交流.

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值