grishkovelli / vue-audio-recorder

A simple audio recorder for VueJS applications

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

how to auto select a record after finishing?

hkmsadek opened this issue · comments

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

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>