2.1.0 • Published 2 years ago
vue-record-whatsapp v2.1.0
vue-record-whatsapp
Vue recorder whatsapp for Vue.js. It allows to create, send on a server.
Live demo
Features
- Beautiful clean UI
- Time limit
- MP3/WAV support
Tested in (desktop)
- Chrome
- Firefox
- Safari
Installation
npm i vue-record-whatsapp --save
vueRecordWhatsapp props
Prop | Type | Description |
---|---|---|
time | Number | Time limit for the record (minutes) |
pause-recording | Method | Callback fires after pause recording |
before-recording | Method | Callback fires before recording |
after-recording | Method | Callback fires after recording |
send-record | Method | Callback fires after recording |
Usage
import vueRecordWhatsapp from 'vue-record-whatsapp'
Vue.use(vueRecordWhatsapp)
methods: {
callback (data) {
console.log(data)
}
}
<vue-record-whatsapp v-if="showRecorder"
:time="2"
:pause-recording="pauseRecording"
:before-recording="beforeRecording"
:after-recording="afterRecording"
:send-record="sendRecord"/>
Build Setup
# install dependencies
npm install
# serve with hot reload at localhost:8080
npm run dev
# build for production with minification
npm run build
TODO
- Responsive design