vue实现类似微信按住发送语音包给后端，推荐使用插件js-audio-recorder

置顶 swagLi

已于 2024-06-19 16:20:58 修改

阅读量1k

点赞数

分类专栏： vue、elementUI、音视频通信、echarts实战文章标签： vue.js javascript 前端

于 2024-06-13 13:58:29 首次发布

本文链接：https://blog.csdn.net/qq_41149508/article/details/139652407

版权

vue、elementUI、音视频通信、echarts实战专栏收录该内容

25 篇文章 ¥29.90 ¥99.00

订阅专栏

超级会员免费看

`方式一：原生的ogg格式，需求是按住发送按钮说话获取语音文件发送给后台、鼠标移出即发送，限制时长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, // 录

了解本专栏