通过H5实现html页面的录音和播放 (Recorder用于html5录音)

2021-04-10 09:26

阅读:626

标签:停止   function   引入   audio   tar   显示   syn   编码   忽略   

所用资源文件来源:https://github.com/xiangyuecn/Recorder

经过阅读,提炼出简洁的录制和结束按钮,方便使用

首先准备两个按钮,开始和结束

DOCTYPE html>
html>
    head>
        meta charset="UTF-8">
        title>title>
    head>
    script src="recorder.mp3.min.js">script> 
    script src="src/recorder-core.js">script> 

    script src="src/engine/mp3.js">script> 
    script src="src/engine/mp3-engine.js">script> 
    
    script src="src/extensions/waveview.js">script>  
    body>
        button onclick="begin()">录制button>
        button onclick="recStop()" style="margin-right:80px">停止button>
    body>
html>

js代码:

 

关于录音的播放是h5中标签

可以通过隐藏该标签,并添加动画,实现语音播放效果。修改样式即可达到想要的语音播放形式

 

 

通过H5实现html页面的录音和播放 (Recorder用于html5录音)

标签:停止   function   引入   audio   tar   显示   syn   编码   忽略   

原文地址:https://www.cnblogs.com/wys-373/p/12431673.html


评论


亲,登录后才可以留言!