JavaScript 图片转文字,文字转语音
发布日期:2021-06-30 16:33:16
浏览次数:2
分类:技术文章
本文共 1326 字,大约阅读时间需要 4 分钟。
图片转音频
图片转文字 Tesseract.js
Tesseract.js
是流行的Tesseract OCR引擎的纯Javascript端口。
这个库支持100多种语言,自动文本定位和脚本检测,一个简单的界面,用于阅读段落、单词和字符边界框。Tesseract.js
既可以在浏览器中运行,也可以在带有NodeJS的服务器上运行。
Tesseract.js
地址
使用方法
先安装好tesseract
npm安装命令:npm install tesseract.js
使用script标签导入js
从tesseract.js文件夹中获取tesseract.min.js和work.min.js两个文件
从tesseract.js-core文件夹中获取tesseract-core.wasm.js文件 准备一张带有文字的图片提取图片文字
在不设置语言的情况下,默认为英文语言包
图片转文字
提取到的图片文字:
更改语言包
关于语言包的下载,可以从码云上查找tessdata进行下载。
可提供参考地址:在tesseract解析图片中的文字时,遇到不同国家的文字就可能解析出错,比如下面的中文
按照英文语言包进行解析,就会解析出错,结果如下 此时就需要使用中文语言包chi_sim.traineddata
,下载下来的语言包的格式需要修改为.gz格式的压缩包 注意:
- 我在使用中文简体语言包时,遇到了错误。关于中文简体包
chi_sim.traineddata.gz
的名称会出现错误,修改chi_sim.traineddata.gz
名称为chisim.traineddata.gz
即可 - 网上下载的一些中文简体语言包的识别效果可能较差,识别精度较低。经过测试后反而是中文繁体语言包的识别精度更高。所以下面代码中使用了中文繁体包
chi_tra.traineddata.gz
。并且中文繁体包不存在命名问题
代码:
识别效果:
测试图片1 效果:文字转语音 SpeechSynthesis
的SpeechSynthesis 接口是语音服务的控制接口;它可以用于获取设备上关于可用的合成声音的信息,开始、暂停语音,或除此之外的其他命令
的SpeechSynthesisUtterance接口表示一个语音请求。它包含语音服务应该阅读的内容以及有关如何阅读的信息(例如语言、音调和音量)
关于SpeechSynthesis的MDN介绍:
关于SpeechSynthesisUtterance的MDN介绍:
由于SpeechSynthesis是HTML5中新增的,所以不需要额外导入其他文件即可使用
测试代码: 点击播放之后即可听到写入的msg转化为语言
组合练习:图片转语音
图片转语言 识别中...
实现效果:
转载地址:https://kongchengji.blog.csdn.net/article/details/114485970 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!
发表评论
最新留言
路过,博主的博客真漂亮。。
[***.116.15.85]2024年04月05日 09时33分48秒
关于作者
喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!
推荐文章
基础架构系列篇-系统centos7安装docker+COMPOSE
2019-04-30
基础架构系列篇-系统centos7中docker安装rabbitmq
2019-04-30
基础架构系列篇-NGINX部署VUE
2019-04-30
个人电商项目,基于uni-app+ springcloud +VUE技术
2019-04-30
基础架构系列篇-系统centos7安装kafka
2019-04-30
基础架构系列篇-系统centos7中docker安装分布式文件存储服务minio
2019-04-30
知识点记录-java判断系统是linux或windows
2019-04-30
知识点记录-springboot静态资源映射路径
2019-04-30
微服务springcloud2系列篇-配置与注册nacos组件
2019-04-30
用户权限设计-基于RBAC模型
2019-04-30
微服务springcloud2系列篇-网关GATEWAY跨域问题
2019-04-30
Java并发以及多线程基础
2019-04-30
软件质量的8个特性
2019-04-30
应届渣渣前端的艰难求职之路
2019-04-30
2021年不可错过的17种JS优化技巧(一)
2019-04-30
月薪15~20k的前端面试问什么?
2019-04-30
在 Vue 中用 Axios 异步请求API
2019-04-30
mysql——介绍及安装与基本用法
2019-04-30
MySQL数据库之索引
2019-04-30
MYSQL——事务操作+视图+存储引擎
2019-04-30