程序员经验分享-hwhale

微信小程序 按住录音的坑 监听录音开始 结束顺序不固定

2023-11-04

问题

按照小程序提供的事件

类型 触发条件
touchstart 手指触摸动作开始
touchmove 手指触摸后移动
touchcancel 手指触摸动作被打断，如来电提醒，弹窗
touchend 手指触摸动作结束
tap 手指触摸后马上离开

touchstart 触摸开始 执行开始录音
touchcancel｜touchend｜tap 事件执行停止

发现直接点击会发现一直处在录音中无法停止

通过console.log 发现 ：
虽然事件的顺序是 touchstart->touchend->tap
但录音事件监听 onStart、onStop 监听存在一定延时

有可能先监听到onStop再监听到onStart
在这里插入图片描述

先中断了讲话再开始录音 就无法停止了…

优化

设置延时执行 setTimeout</

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

学习记录

小程序

微信小程序 按住录音的坑 监听录音开始 结束顺序不固定 的相关文章

随机推荐

  • 如何在iframe内部弹出浮层，浮层遮罩整个浏览器

    需求说明 页面内有多级iframe嵌套 iframe内部某些按钮点击后需要弹出浮层 浮层需要将整个浏览器窗口遮罩 且浮层位于浏览窗口中部 解决思路 顶层页面内预留用于显示浮层的div 命名为popdiv 且该div内有一预留的iframe

  • Java属性详解

    属性详解 一 基础的属性使用方法 1 属性的定义语句 2 把一个属性定义为private的作用 3 属性的调用方法 4 属性的限制方法 5 属性值输出的语句为 二 构造方法的属性赋值 1 构造方法的介绍 2 带参构造方法对属性赋值 3 快捷

  • Vue自定义组件 Vue.component

    Vue component Vue自定义组件 1 如果有朋友对Vue基础还不够了解的可以先看下官方的教程 http doc vue js com v2 guide 这个是官方的网址 官方的教程还是写的简单易懂的 Component是Vue

  • 我们问了ChatGPT几个问题，然后......

    最近大家都被ChatGPT刷屏了吧 据使用过的网友说 只有你想不到 没有ChatGPT办不成 今天小T就带着几个问题 和ChatGPT来场对话 对话ChatGPT 聊美林数据 你好 你知道美林数据吗 你好 美林数据是一家专业从事计算机应用技

  • Tomcat安装配置全解

    棒棒有言 也许我一直照着别人的方向飞 可是这次 我想要用我的方式飞翔一次 人生 既要淡 又要有味 凡事不必太在意 一切随缘 缘深多聚聚 缘浅随它去 凡事看淡点看开些 顺其自然 无意于得 就无所谓失 人生 看轻看淡多少 痛苦就远离你多少 本章

  • 基于主机头的多虚拟主机

    vim etc httpd conf d test conf

  • 3.2 ATK-ESP8266 WIFI模块-烧录固件

    ATK ESP8266 WIFI模块 烧录固件 一丶前期准备 1 在某宝买的ESP8266模块 2 烧录模式引脚 IO 0引脚接GND 另外一个不用接 左边四个 正常连接串口即可 3 烧录固件 按照原子哥给的资料 烧写方式有误 在烧录固件

  • 关于主键生成策略的几种方式

    在复杂分布式系统中 往往需要对大量的数据和消息进行唯一标识 如在美团点评的金融 支付 餐饮 酒店 猫眼电影等产品的系统中 数据日渐增长 对数据分库分表后需要有一个唯一ID来标识一条数据或消息 数据库的自增ID显然不能满足需求 特别一点的如订

  • GDB调试精粹及使用实例

    GDB调试精粹及使用实例 来源 不详 2006 07 14 11 18 05 一 列文件清单 1 List gdb list line1 line2 二 执行程序 要想运行准备调试的程序 可使用run命令 在它后面可以跟随发给该程序的任何参

  • CLIP解读

    CLIP Learning Transferable Visual Models From Natural Language Supervision OpenAI的CLIP这篇文章 从互联网收集构建了了4亿个图片 文本对的数据集 对图像和文

  • 通俗易懂-SSM三大框架整合案例(SpringMVC+Spring+Mybatis)

    前言 学习B站UP狂神说视频笔记整理视频链接 相关代码已经上传至码云 码云链接 前期准备 项目介绍 demo项目是一个简单的图书管理系统 主要功能为表单数据的增删改查 Web端使用JSP Bootstrap 后端使用SpringMVC Sp

  • 特征筛选11——ExtraTrees筛选特征

    算法简述 ExtraTrees 极度随机树 与随机森林 Random Forest 是一样的 都是决策树的集成模型 区别在于 分叉的方式 随机森林依据Gini或信息熵 ExtraTrees是随机 没错纯随机 随机的特征构建边 随机的阈值来分

  • frp+docker内网穿透安装配置

    frp是一个优秀的内网穿透服务 曾试过用ngrok做内网穿透 但用docker还比较麻烦 还需要自己编译ngrok客户端进行分发才能使用 折腾了一阵子就没搞了 frp早闻大名 趁有空尝试下 还是比较方便的 只需要写好配置文件 启动就完事了

  • Linux下程序开机自启动方法

    Linux下程序开机自启动方法 1 创建目录 用户家目录下的 config下创建autostart目录 home user1 config autostart 2 创建文件 app desktop文件 3 给app desktop文件添加如

  • Illustrator CC 2019 New Features Illustrator CC 2019新功能 Lynda课程中文字幕

    Illustrator CC 2019 New Features 中文字幕 Illustrator CC 2019新功能 中文字幕Illustrator CC 2019 New Features 2019年发布的Adobe Illustra

  • mysql安装error：the security setting could not be applied

    在安装mysql时 出现 The security settings could not be applied to the database because the connection has failed with the follo

  • 多数人都不会用，有了这些视频APP，再也不担心失效！

    阿虚储物间里一大热门下载内容就是影视类APP了 但相信有这类需求的粉丝都知道 这类APP要么你忍受烦人的广告 要么就找去广告版 但去广告版有个最大的问题就是经 常 失 效 其实阿虚早就介绍过不少更稳定的影视APP了 只是可能很多粉丝都没注意

  • QT5下获取本机IP地址、计算机名、网络连接名、MAC地址、子网掩码、广播地址

    获取主机名称 名称 get localmachine name 功能 获取本机机器名称 参数 no 返回 QString QString CafesClient get localmachine name QString machineNa

  • Linux命令·rmdir

    今天学习一下linux中命令 rmdir命令 rmdir是常用的命令 该命令的功能是删除空目录 一个目录被删除之前必须是空的 注意 rm r dir命令可代替rmdir 但是有很大危险性 删除某目录时也必须具有对父目录的写权限 1 命令格式

  • 微信小程序 按住录音的坑 监听录音开始 结束顺序不固定

    问题 按照小程序提供的事件 类型 触发条件 touchstart 手指触摸动作开始 touchmove 手指触摸后移动 touchcancel 手指触摸动作被打断 如来电提醒 弹窗 touchend 手指触摸动作结束 tap 手指触摸后马上

热门标签