Vue.js的简单录音机 - vue-audio-recorder

Vue.js的简单录音机 - vue-audio-recorder
插件名称 vue-audio-recorder
发布时间 2020年8月26日
插件作者 grishkovelli

Vue.js的录音机。它允许在服务器上创建,播放,下载和存储记录。

特征:

  • 美丽干净的用户界面
  • 下载/上传/播放记录
  • 时限
  • 记录限制
  • 很多回调
  • 单独播放音频

安装和下载:

# NPM
$ npm install vue-audio-recorder --save

使用:

    import AudioRecorder from 'vue-audio-recorder'
    Vue.use(AudioRecorder)
    methods: {
      callback (data) {
        console.debug(data)
      }
    }
  <audio-recorder
    upload-url="YOUR_API_URL"
    :attempts="3"
    :time="2"
    :headers="headers"
    :before-recording="callback"
    :pause-recording="callback"
    :after-recording="callback"
    :select-record="callback"
    :before-upload="callback"
    :successful-upload="callback"
    :failed-upload="callback"/>
  <audio-player src="/demo/example.mp3"/>