vue项目手机录音

zj_zjk_sjz

已于 2024-07-08 08:52:36 修改

阅读量620

点赞数 5

文章标签： vue.js 智能手机前端

于 2024-07-01 10:21:32 首次发布

本文链接：https://blog.csdn.net/qq_41459772/article/details/140093355

版权

手机实现录音功能，安卓和苹果都可。功能，点击开始录制录音后，随时可以停止录音，如果不点击停止最多录制15秒。

在这里插入图片描述

页面结构

<!--音频-->
<div class="audio-box">
    <audio id="audioPlayer"
           controls
           controlslist="noplaybackrate nodownload"
           preload="auto"></audio>
    <i @click="deleteAudio" class="el-icon-delete"></i>
</div>

<!--录制按钮-->
<div class="out-ring">
	<!--未录制状态-->
    <div @click="startRecording" v-show="!isRecording" class="in-ring">