任何 HTML5 录音机（连同音频播放器）

【问题标题】：Any HTML5 Audio Recorders (alongwith an Audio Player)任何 HTML5 录音机（连同音频播放器）
【发布时间】：2017-07-13 06:56:40
【问题描述】：

我发现了像 http://www.jplayer.org/ 这样的通用 HTML5 播放器，但它们都没有录制按钮。想知道有没有，类似于下图：

【问题讨论】：

标签： html avaudioplayer recorder

【解决方案1】：

您可以使用带有this plugin 的video.js 来录制音频/视频示例如下：

var player = videojs("recorder",
{
    controls: true,
    width: 600,
    height: 300,
    plugins: {
        wavesurfer: {
            src: "live",
            waveColor: "black",
            progressColor: "#2E732D",
            debug: true,
            cursorWidth: 1,
            msDisplayMax: 20,
            hideScrollbar: true
        },
        record: {
            audio: true,
            video: false,
            maxLength: 20,
            debug: true
        }
    }
});

<audio id="recorder" class="video-js vjs-default-skin"></audio>
<script src="http://vjs.zencdn.net/6.2.0/video.js" defer></script>
<script src="path/to/recorder/plugin.js" defer></script>

【讨论】：