一、需求是点击发送按钮说话获取语音文件发送给后台、鼠标移除即发送，限制时长30s
代码如下
<ttemplete><div class="bottom"><el-button type="primary" size="small" @mousedown.native="startRecord" @mouseup.native="stopRecord" @mouseleave.native="stopRecord">开始对讲</el-button><el-button v-if="isRecording" type="primary" size="small">录音中...</el-button></div>
</templete>
<script>
export deafult{data(){return{isRecording: false,mediaRecorder: null,chunks: [],recordingTimer: null, // 录音定时器}},methods:{startRecord() {if (!this.isRecording) {this.isRecording = true;// 初始化录音navigator.mediaDevices.getUserMedia({ audio: true }).then(st
)
