TGViewer
Laisky's Notes Laisky's Notes @laiskynotes · 3.34K subscribers
Post #265 1.2K
学会一个前端的坑。

我想在浏览器里做一个语音对话,用户说一句,然后浏览器采集声音,发给后端,接收到 wav 格式的音频响应,播放出来。
很简单的需求,通过鞭挞 AI 十分钟就写完了。但是实际调试的时候发现,PC 上很好没问题,ios 上无论是 Chrome 还是 Safari 都磕磕碰碰的很难用。

经过一番摸索,基本上确认了两个坑:

1. 手机触屏上,响应长按事件,不会触发 mousedown/mouseup 事件,而是要绑定 touchstart/touchend 事件。
2. 手机对音频的权限管理极为苛刻,原则上禁止 js 自动播放音频,必须是用户手动触发。

尤其是第二条,严格地说,每一个音频,都需要以 audio HTML element 的形式显示到页面上,然后由用户亲自按下播放键才能播放。无论是你代为点击,还是使用 autoplay 都是不行的,否则就只会有一个大写的 ERROR。但这个也没那么绝对,交互过一次后,下一次再用就可以自动播放了,感觉有一点玄学。

有专业的朋友也欢迎帮忙指点一下。 #FE
  • ❤ 1
  • 👎 1
  • 🐳 1
More from @laiskynotes
  1. Oct 6, 2026https://x.com/LaiskyCai/status/2107307813727060123?s=20 codex 最近有三个完全免费的工具,结合之后可以发挥非常强大能力:…
  2. Sep 15, 2026学习了一下 OpenAI 推出的 Agents API https://openai.com/index/introducing-the-agents-api/ 众所周知 Agen…
  3. Aug 28, 2026前阵子读了本很有趣的书,侯杨方的《这才是丝绸之路》。作者抛开抽象的文本溯源,而是采用实地考察的方式,重走了真实的丝绸之路。此书给我最大的感触就是:真实而且符合常理。 在我以前的想象…
  4. Jun 5, 2026读完 Mario Puzo 的《教父 The Godfather》三部曲小说,才意识到自己当年年轻时根本完全就没看懂电影《教父》。然后又去把电影重温了一遍,才发现原来电影里有很多细…
  5. May 22, 2026记录一下最近遇到的一个糟心事儿。 最近两个月开始又开始找工作机会,总的来说很不顺利,托朋友联系了两个内推也是石沉大海。(各位要是有远程工作的机会也请联系 job@laisky.co…
  6. May 14, 2026作为一个从业十多年的程序员,我已经半年没手写过一行代码了。上个月大概提交了 20 万行,这个月大概 4 万行。 昨天认真考虑了一下这个现象,我个人认为,虽然 AI 仍然存在显然的不…
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →