随笔分类 - H5
摘要：目录Recorder-UniCore插件特性集成到项目中调用录音上传录音ASR语音识别 在uniapp中使用Recorder-UniCore插件可以实现跨平台录音功能，uniapp自带的recorderManager接口不支持H5、录音格式和实时回调onFrameRecorded兼容性不好，用Rec
阅读全文
摘要：使用 `Recorder插件` 可以在HTML5网页中进行录音，录音完成后得到blob文件对象，然后将blob上传到服务器；项目使用的vue3.0版本（这个插件同时支持vue2.0、也支持uniapp，很强！！），录音过程中会显示可视化波形，同时能够做到兼容PC端、Android、和iOS，一次编码
阅读全文
摘要：H5录音见坑填坑 在2022-06-19那天，Recorder H5录音开源库（https://github.com/xiangyuecn/Recorder）群里有用户反馈手机上录音有bug，前后反馈过来几段测试过程完整录像；分析后初步发现在他那个手机上表现确实是断断续续的，从而音质非常差；此版本的
阅读全文
摘要：关键词: STATUS_ACCESS_VIOLATION AudioContext AudioWorkletNode audioWorklet addModule resume suspended createScriptProcessor 搞崩Chrome测试页：测试页地址 事件起因 我前些年Gi
阅读全文
摘要：最近收到几个24位的PCM录音源文件，Recoder库原有的PCM转WAV工具只支持8位和16位，于是就升级一下支持了24位的PCM源文件。 可能是搜索方法不对，搜索了半天没有找到24位转成16位的算法，但好在运气还不错看到一篇标题不太想关的文章里面有成套的转换算法。 算法来源 24位PCM转成32
阅读全文
摘要：DTMF(Dual Tone Multi Frequency) 双音多频，由高频群和低频群组成，高低频群各包含4个频率；两个频率波形合成按键信号(0-9 * # A B C D)。 SIP中检测DTMF信号的方法：SIPINFO、RFC2833、INBAND；至于这些是什么我这个外行纯属热闹；拿两个
阅读全文
摘要：这段时间给 "GitHub Recorder开源库" 添加了两个新的音频可视化功能，比以前单一的动态波形显示丰富了好多（下图后两行是不是比第一行看起来丰满些）；趁热打铁写了一个音频可视化相关扩展测试代码，下面这张就是测试Gif截图，看起来还算过得去， "测试地址" 上面这些波形、频率的计算和显示都是
阅读全文
摘要：[TOC] 自从Recorder H5 GitHub开源库优化后，对边录边转码成小语音片段文件实时上传服务器这种操作支持非常良好，因此以前不太好支持的H5语音通话已经有了更好的突破空间。因此花了两晚时间打造了一个H5语音通话聊天的demo。 欢迎在线把玩： "https://xiangyuecn.g
阅读全文
摘要：[TOC] Recorder H5 GitHub开源库随着支持功能的增多，音频转码处理效率渐渐的跟不上需求了，近期抽时间对音频转码部分进行了升级优化，以支持更多实用的功能。 另外IOS的Hybrid App也完成了移植，Android和IOS都有了Demo App。 "在线测试" ，GitHub地址
阅读全文
摘要：[TOC] 回到本初，看到多年前写的一段移动端App内嵌入的H5兼容处理代码，有段专门兼容处理输入框类型的代码： 针对 `time text`类型（当年的记忆犹新：这两个版本有些手机上的弹框居然只有重置和取消两个按钮，被客户叼了一顿）; 不管是 还是 ,`datetime,datetime loca
阅读全文
摘要：准备做一个网页版聊天界面，表情啊、图片啊、上传文件啊都应该要有，视频就算了，语音还是要的。 本文记录的是在网页上用GitHub上的 进行在线录音和上传到服务器，前几天升了一下级，以后有时间再专门写一篇记录。 录音代码 本示例代码支持 、`Android IOS(仅Safari) RecordApp
阅读全文
摘要：应用场景 仅仅应用于单页应用的滑动操作，用 接管页面的滚动操作。用来支持顶部和尾部的回弹效果，进一步来支持常见那种下拉刷新动画效果。不适用于轮播图那种应用场景。 虽然只是针对 ，但相关原理，在别的框架中也是有参考意义的。 出现的问题 一、惯性动画不会在触摸时停止 快速滑动页面，手离开屏幕时产生的惯性
阅读全文
摘要：前几天专门为本文提前配了一段录屏，到 "https://v.youku.com/v_show/id_XNDA0MTU0NzI4OA==.html" 观看。 第一次用爱剪辑，老厉害了，时间轴都没有，所有涉及到精确时间只能靠猜，已卸载。 肤浅 说到发短信验证码接口，第一印象就是好货不便宜，速度快、送达率
阅读全文
摘要：HTML+CSS是历史悠久、超高自由度、控制精准、表现能力极强、编码简单、学习门槛超低、真跨平台的一种UI界面开发方式。 本文介绍的是微信小程序和H5混合开发的一种数据交互方式。 很多应用在原生界面中混杂着HTML界面 记得xp时代的QQ，有些界面偶尔会弹出熟悉的js错误对话框，还能右键弹出熟悉的I
阅读全文
摘要：以前在前人基础上重复造了一个网页录音的轮子，顺带把github仓库使用研究了一下，扔到了github上。 优势在于结构简单，可插拔式的录音格式支持，几乎可以支持任意格式（前提有相应的编码器）；默认提供实时音量反馈、有一个波形显示扩展支持。录音结果非常容易立即播放录音或者上传录音到服务器（提供参考源码
阅读全文
