本文已参与「新人创作礼」活动，一起开启掘金创作之路。 JS实时麦克风录音并通过WebSocket将pcm传到后台并处理 @[toc] 前端 后端websoket接收 主要思路 前端链接后端websok

前端 er 如何玩转音视频流-WebRTC 技术介绍 最近做了一个 AI 问答的项目，需要获取用户的摄像头，录像录音，实时语音转文字等等功能，记录一下踩过的坑。以及目前的最佳实现。

声音：这里的声音是指通过麦克风会产生一连串的电压变化，可以得到许多[-1,1]之间的数字。如果想要播放，需转换成pcm格式 链接完成后，createScriptProcessor的onaudioprocess方法可以持续不断的返回采样数据，这些数据范围在[-1,1]之间，类型是…

新人前端往往在学习过程中由于找不到体系化的工程化课程，导致对这一块的理解很浅薄。前端工程化的网上资源较乱，但是面试又特别爱问，故而写下这个系列的文章整理。

最近在项目中遇到需要视频直播、视频回放等需求，在实现过程中也碰到了很多坑，因此在这里记录一下调研过程中遇到的解决方案。 可以将不同速率的版本切成相应的片；播放器可以直接使用http协议请求流数据。 延迟大小受切片大小影响，不适合直播，适合视频点播。 实时性差，延迟高。HLS 的…

Canvas和SVG都是HTML5中的图形渲染技术，用于在网页中呈现动态或静态图形。 Canvas是HTML5中的一项新技术，使用JavaScript来绘制图形。它提供了一个位图渲染环境，可以直接操作

用相对较简单通俗的话，来解释同异步，宏任务与微任务，事件循环及其机制和执行循序。内附测试小题。贼拉简单，难度不高。

前端缓存方案调研及选取localforage进行做接口数据缓存，解决localStorage存储空间5MB过小的问题

本文正在参加「金石计划」 最近一位朋友参加阿b的面试，然后面试官问了她这个问题 我问她咋写的，她一脸淡定的说：“虚拟列表。” 虚拟列表 ？？？ What？？？ 这是个啥