代码之家 › 专栏 › 技术社区 › Amarsh

任何HTML5录音机(以及音频播放器)

recorder avaudioplayer html

0

Amarsh · 技术社区 · 7 年前

http://www.jplayer.org/ ,但它们都没有录制按钮。想知道是否有一个类似于下图中的一个:

1 回复 | 直到 7 年前

1

0

Celestine 7 年前

你可以使用视频。js带 this plugin 以下是示例:

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>