需求:
微信下长按按钮,弹出正在录音gif,上传录音;
在非微信下,正常显示录音gif,即做一个假的录音按钮。
在微信下,因为项目中会加载一个外部js,有一定几率会阻塞wx的初始化,所以如果在用户点击按钮时,wx sdk没有初始化,也显示假的录音按钮。
将tourch和mouse写绑定在一个button中 在IOS下 会出现一次录音 取消长按后再执行一次 startRecord -> stopRecord问题,所以将移动端和PC端按钮分开显示。
<button v-if="!!navigator.userAgent.match(/AppleWebKit.*Mobile.*/)" id="recrd_btn_mobile" class="record-button" @touchstart="startRecord" @touchend="stopRecord"></button>
<button v-else id="recrd_btn_pc" class="record-button" @mousedown="startRecord" @mouseup="stopRecord"></button>
// 利用 _this.oRecordInfo.useWxRecord 来决定是否为假按钮 值可根据情况修改
touchmoveDefault: function (e) {
e.preventDefault();
},
startRecord: function