前端实现录音功能 语音录入 弹框录入

实现录音功能/语音录入案例


前端实现录音功能 语音录入 弹框录入_第1张图片

本案例是弹框录音录入 可以直接作为录音组件使用

使用插件js-audio-recorder可以得到三种录音数据,pcm,wav,mp3 三种数据流
官网api入口.

tip:使用js-audio-recorder报浏览器不支持getUserMedia
因为浏览器安全限制只支持file:,https:,http://localhost,
不能使用http:ip

修改方法在最底下

安装js-audio-recorder

cnpm i js-audio-recorder --s

引入到所需页面

import Recorder from "js-audio-recorder";

前端实现录音功能 语音录入 弹框录入_第2张图片





修改方法
1.可以手动修改浏览器
地址栏输入:chrome://flags/#unsafely-treat-insecure-origin-as-secure
前端实现录音功能 语音录入 弹框录入_第3张图片
2.如果上线项目有域名的话可以不用修改,如果没有域名让后端或者运维同学将项目和接口部署为https即可

你可能感兴趣的:(录音,语音识别,html5,css)