基于网页调用录音功能

      这几天小侠由于项目的需求，要实现后台录音。实现客服系统可以在后台直接录音然后上传到服务器。通过度娘做了些搜查，避免重复造轮子。主要是通过recorder.js的引入和调用。

----------------------------------------华丽分割线--------------------------------------------

首先说明下我的需求：

• 网页在线录音，并上传到 后台；
• 录音开始，同时执行计时；
• 录音结束，上传录音；
• 所有录音场景结束，展示录音列表并播放；
• 兼容低版本浏览器；

github地址：github.com/jwagener-so…

直接上代码撸项目：

这部分是控制对应功能的代码范例

"am-u-sm-10 am-u-sm-push-1">
    
"am-btn-group">
        type="button" class="am-btn am-btn-primary am-radius" onclick="record()">开始录音
    
    
"am-btn-group">
        type="button" class="am-btn am-btn-primary am-radius" onclick="play()">播放录音
    
    
"am-btn-group">
        type="button" class="am-btn am-btn-primary am-radius" onclick="stop()">停止录音
    
    
"am-btn-group">
        type="button" class="am-btn am-btn-primary am-radius" onclick="upload()">上传录音
    
    "time">0:00
复制代码

在JS部分引入

{{--录音编辑--}}
复制代码

JS调用

复制代码

以上就是本次案例总结就到这里啦！如果可以帮你解决到开发的问题，记得关注我。