$(function(){

mui.init()

var rec=Recorder();//使用默认配置,mp3格式

$("#but").click(function(){

console.log("1");

var ssu = new window.SpeechSynthesisUtterance('蓬头稚子学垂纶,侧坐莓苔草映身。路人借问遥招手,怕得鱼惊不应人。');

window.speechSynthesis.speak(ssu);

});

$("#start").click(function(){

alert("开始录音")

rec.open(function(){//打开麦克风授权获得相关资源

rec.start();//开始录音

},function(msg,isUserNotAllow){//用户拒绝未授权或不支持

console.log((isUserNotAllow?"UserNotAllow,":"")+"无法录音:"+msg);

});

});

$("#end").click(function(){

alert("结束录音");

rec.stop(function(blob,duration){//到达指定条件停止录音

console.log(URL.createObjectURL(blob),"时长:"+duration+"ms");

rec.close();//释放录音资源

//已经拿到blob文件对象想干嘛就干嘛:立即播放、上传

/*立即播放例子*/

var audio=document.createElement("audio");

audio.controls=true;

$("#audo").html(audio);

//document.body.appendChild(audio);

//简单的一哔

audio.src=URL.createObjectURL(blob);

audio.play();

},function(msg){

console.log("录音失败:"+msg);

});

})

})

播放

开始录音

结束录音

html 文字输出语音,html 录音与文本转语音demo相关推荐

  1. 【离线文本转语音文件】java spring boot jacob实现文字转语音文件,离线文本转化语音,中英文生成语音,文字朗读,中文生成声音,文字生成声音文件,文字转语音文件,文字变声音。

    1.实现效果如下: 输入文字(支持中英文),点击转换生成***.wav文件,点击下载到本地就可. 生成后的音频文件播放,时长1分8秒 2.实现代码: 这次采用jacob实现,相比百度AI需要联网,本项 ...

  2. html调用讯飞语音文本朗读,(原创)讯飞输入法的妙用:语音翻译+智能OCR + 文本转语音播报...

    重点: 语音翻译在第二,第三页: OCR: 也就是图片直接转文本的功能介绍在第三,第四页: 把转出来的文本直接朗读,并且配上背景音乐的介绍在第八页 - 第十二页: 前几年有人问我手机上有没有那种可以读 ...

  3. html5语音读取文字_资源:文本转语音的神器!快来!

    文字转语音的那些事 文本转语音视频现在已经成为很多自媒体配音的一种常态了,为视频增添了搞笑的气氛色彩!也可以应用在那些质量要求不高的场景中.比如一些小说网站的小说朗读,虽然听起来声音怪怪的.比较生硬! ...

  4. python文字转语音输出_Python 文本转语音

    文本转语音,一般会用在无障碍开发.下面介绍如何使用Python实现将文本文件转换成语音输出. 准备 我测试使用的Python版本为2.7.10,如果你的版本是Python3.5的话,这里就不太适合了. ...

  5. 中如何实现文字转语音_录音转文字、文字转语音,学会这一招就够了!手把手教你如何操作...

    阅读文章时候想着有人可以把文章读给我听就好了,写作时想着语音直接可以转换成文字就好了,大家是不是有时会突然冒出这样的想法?七十这些看似天真的想法,还真的有办法解决,这里就手把手教你如何操作才能将的文字 ...

  6. python 文字语音朗读软件下载_Python 文本转语音

    文本转语音,一般会用在无障碍开发.下面介绍如何使用Python实现将文本文件转换成语音输出. 准备 使用Speech API 原理示例代码小总结 pyttsx方式 原理示例代码小总结 pyttsx深入 ...

  7. 语音交互程序:语音识别、语音输出、录音计算

    语音交互程序 预览 一.简介 二.构成说明 (一)语音识别与语音输出 (二)命令读取模块 三.功能说明 四.模块下载 五.示例完整版本 六.补充:实现交互等待即唤醒 (一)唤醒过程说明 (二)下载方式 ...

  8. python音频转文字腾讯_使用Python三步完成文本到语音的转换

    重磅干货,第一时间送达 一篇文章带你了解文本到语音转换步骤 在<这篇文章>中,我们有简单提到"文本语音转换"的相关内容,本文将继续讲述其详细实现步骤. 这里小编将介绍文 ...

  9. HTML5文字转语音源码,微软TTS语音源码(将文本转为语音并播放)

    [实例简介]利用微软TTS语音,字符串转语音播放,或者保存为语音文件. 语音库需自行下载,推荐Hui 发音人 微软TTS文字转语音发音人修复 微软TTS语音 Win7修复 发音人 [实例截图] [核心 ...

最新文章

  1. 用 Python 画自画像?看完我笑了
  2. 解决英文版Windows 2003中文乱码问题
  3. 【转】Scott_ASP.NET MVC框架(第三部分) 把ViewData从控制器传到视图
  4. Redis 的 8 大应用场景
  5. 3d 室内地图_微软科研人员欲通过3D点云混淆技术保护AR定位隐私
  6. nc65 单据非向导开发 源代码_最受Java开发者喜爱的5款开发工具
  7. 类的继承和派生java_Java 类的继承与派生
  8. Matlab Robotic Toolbox工具箱学习笔记
  9. 结构化数据,非结构化数据,半结构化数据的区别
  10. Comsumer的一些解释
  11. 用Python向MongoDB中插入大csv文件
  12. win32 24内存管理和文件操作
  13. js中关于字符串操作的命令
  14. Qt之QTableView的使用
  15. CentOS7.6搭建开源WCP知识管理系统
  16. 收藏 取消收藏html,一键解除网页限制,浏览器收藏夹书签小工具
  17. 云计算期末考试知识点
  18. SQLserver2005 安装
  19. 7-10 节约有理 (25 分) c++结构体排序
  20. 关于驰骋工作流引擎的批处理设计与实现

热门文章

  1. CobaltStrike的使用
  2. LeetCode Algorithm 19. 删除链表的倒数第 N 个结点
  3. 2018年第九届蓝桥杯C/C++ C组国赛 —— 第四题:约瑟夫环
  4. 【机器视觉】 measure_pairs算子
  5. 【Qt】第一个Qt程序
  6. 【C++】Visual Studio教程(二) - 代码编辑器
  7. 【Android基础】Android Toast显示消息的几种方法
  8. 如何制作印章_电子公章怎么制作
  9. css画钟表_纯Shading Language绘制HTML5时钟
  10. 每天一道LeetCode-----n皇后问题