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

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

插件名称:vue-audio-recorder

发布时间:2020年8月26日

插件作者:grishkovelli

官网 演示 GitHub下载

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"/>
相关插件