笔者所在的公司业务主要是为企业提供全流程的企业服务和一整套 SaaS 解决方案。对于企业服务 SaaS 产品来说，客户完成购买并不意味着产品价值已经完全交付，因为客户在首次购买产品时，往往需要经过一系列培训并使用后，才能真正产生价值。因此从本质上来看帮助客户解决在使用过程中出现…

引言 Hey，大家好！今天想和大家分享一个特别的项目 —— Onionl-UI，这是我最近在开发的一个组件库。为什么叫 Onionl-UI？因为像洋葱一样，要一层层剥开才能看到其中的奥秘

自从react hook出世之后，整个前端界框架的数据管理方案就一发不可收拾地涌入组合式API中。其中，Vue2.7的时候，就已经推出一个composition-api方案，到vue3的发布，这个方案

H265软解简易流程是基于 c 调用 FFmpeg 的解码能力，封装打包成 wasm 供 js 调用；通过 js 将 H265 裸流传入给 c 进行消费解码，回调出的 yuv420p 数据使用

FFmpeg + WebAssembly FFmpeg 是一个强大的命令行工具，它能够处理包括视频、音频和其他多媒体文件，甚至包括流媒体。对于任何视频开发者来说，它都是用于编辑、转化以及混流几乎任何格

MP4标准是一种视频的封装格式（关于封装格式，可以看前一篇笔记 音视频编码基础），是在前端视频点播中比较常见的一种格式。MP4是一种比较全面的容器，可以封装很多种类型的音频和视频，比较常见的是H.26

现有的前端视频帧提取主要是基于 canvas + video 标签的方式，在用户本地选取视频文件后，将本地文件转为 ObjectUrl 后设置到 video 标签的 src 属性中，再通过 canvas 的 drawImage 接口提取出当前时刻的视频帧。 受限于浏览器支持的视…

基于实际业务需求，介绍了自定义Wasm截帧方案的实现原理和实现方案。解决传统的基于canvas的截帧方案所存在的问题，更高效灵活的实现截帧能力。

前言 我们平时开发的过程中，常常会遇到性能优化的要求。而对于前端的性能优化，我理解为有两大类，一类是网络层面的优化，即加速你的资源加载；另一类也是代码层面上的优化，即根据不同的业务场景写出更高性能的代