vue-audio-recorder

by luka kupunia

HTML

<script src="https://unpkg.com/[email protected]/dist/vue.js"></script>
<script src="https://unpkg.com/[email protected]/dist/vue-audio-recorder.min.js"></script>
<script src="https://unpkg.com/[email protected]/dist/axios.min.js"></script>
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>vue-audio-recorder | demo</title>
    <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
  </head>
  <body>
    <div id="app">
      <audio-recorder
        upload-url="some url"
        :attempts="3"
        :time="2"
        :before-recording="callback"
        :after-recording="callback"
        :before-upload="callback"
        :successful-upload="callback"
        :failed-upload="callback"/>
    </div>
  </body>
</html>

JavaScript

Vue.prototype.$http = axios

Vue.use(VueAudioRecorder)

new Vue({
  el: '#app',
  components: {VueAudioRecorder},
  methods: {
    callback (msg) {
      /* console.debug('Event: ', msg) */
    }
  }
})