关于录音按钮的一些总结 关于录音按钮的一些总结 按住录音, 上滑松手取消, 上滑不松下滑到按钮上继续录音 这个需求总结了一下网上的思路, 大概有如下几种 在 touchesBegan, touchesMoved, touchesEnded 三个方法中通过判断当前触摸的点的坐标与按钮 ...
.template文本,提供一个按住录制的按钮 lt view class voice tool catch:touchend onTouchEnd bind:touchstart onTouchStart bind:longpress onLongpress catch:touchmove onTouchMove gt lt view class tool text gt 按住说话录音 lt ...
2020-04-01 14:02 0 793 推荐指数:
关于录音按钮的一些总结 关于录音按钮的一些总结 按住录音, 上滑松手取消, 上滑不松下滑到按钮上继续录音 这个需求总结了一下网上的思路, 大概有如下几种 在 touchesBegan, touchesMoved, touchesEnded 三个方法中通过判断当前触摸的点的坐标与按钮 ...
...
获取起点(touchstart)Y轴坐标与终点(touchend)Y轴坐标,如果起点大于终点那么就去执行取消操作 ********:坐标起点是浏览器左上角,所以往上滑动的话,起点坐标大于终点坐标。 ...
我把整个逻辑封装到一个Button里了,可以直接使用这个Button,当按住时会开始录音,当手指移到Button外时取消录音,该Button还向外暴露了一个Finish接口,录音完成时调用这个接口,具体使用方法看代码吧。 效果如下: 整个项目的下载地址: http ...
微信小程序使用的是改变left /其实也可以使用tranform:tranlatex <view class="box1" bindtouchmove="touchMove" bindtouchstart="touchstart" style="left:{{moveSpace ...
首先我们先看一下微信小程序的API https://developers.weixin.qq.com/miniprogram/dev/api/getRecorderManager.html?search-key=%E5%BD%95%E9%9F%B3 这里有关于小程序录音的一些基本配置 ...
最近在写一个小程序(原创诗词平台,名字叫作“诗人呀”)的功能,需求是需要把用户的录音记录并上传到服务器,然后调用接口来实现播放功能。 翻阅不少资料都发现小程序对wx.startRecord()接口不在维护, 注意:1.6.0 版本开始,本接口不再维护。建议使用能力更强 ...
小程序的左滑删除效果用的是组件 movable-area 和 movable-view 文档 : https://developers.weixin.qq.com/miniprogram/dev/component/movable-view.html 1、movable-area ...