grishkovelli / vue-audio-recorder

A simple audio recorder for VueJS applications
MIT License
501 stars 158 forks source link

how to auto select a record after finishing? #59

Open hkmsadek opened 3 years ago

hkmsadek commented 3 years ago

I would like to auto select the record after finishing. How can I do this?

cwilby commented 2 years ago

Assign a ref, watch for list changes, and call this.$refs.audioRecorder.choiceRecord(index) when it does.

<template>
        <audio-recorder
            ref="audioRecorder"
            :time="5"
            :bit-rate="320"
            :sample-rate="48000"
            :show-download-button="false"
            :show-upload-button="false"
        />
</template>

<script>
export default {
    mounted() {
        this.$watch(
            () => this.$refs.audioRecorder.recordList,
            (recordList) => {
                this.$refs.audioRecorder.choiceRecord(
                    recordList[recordList.length - 1]
                );
            }
        );
    }
};
</script>