任何 HTML5 个录音机（以及一个音频播放器）

Question

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

Answer 1

您可以使用 video.js 和 this plugin 来录制 audio/video 这是示例：

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>

任何 HTML5 个录音机（以及一个音频播放器）

Any HTML5 Audio Recorders (alongwith an Audio Player)

html

recorder

avaudioplayer