这里是章鱼 👋
- 🧐 目前作为前端工程师专注于 WebRTC, WebMedia 相关的领域
- 📬 913007768zyw@gmail.com
Some code toys
- 2022: WebCodecs test demo: 针对视频渲染的 Canvas Offscreen Webcodecs 的测试对比
- 2021:ThreeMaterial: three.js 的 material 的测试 demo
- 2020:Car Game: 一个基于 Three.js 的赛车游戏
- 2020:Wild Fire : 一个基于 Canvas 开发的 2D 游戏
- 2020: CSS Paint : 纯 CSS animation 的一些练习
Blog Posts

滤镜与前端应用
这篇文章教大家写一个醒图
Sep 3, 2024
WebMedia

GPT + Cursor = 翻译神器
GPT + Cursor = 翻译神器
May 24, 2023
GPT
AI
AudioWorkletProcessor 不能被 GC 的 bug 终于被修复了
May 7, 2023
Web Dev
【译】 Web 端视频帧处理——WebAssembly、WebGPU、WebGL、WebCodecs、WebNN 和 WebTransport
Web 端视频帧处理——WebAssembly、WebGPU、WebGL、WebCodecs、WebNN和WebTransport
Mar 31, 2023
WebRTC
WebMedia
WebAssembly
浏览器端自动播放限制相关处理
本文主要介绍如何解决因自动播放策略限制,导致播放失败的问题。
Mar 26, 2023
Video
Web Dev

Canary Chrome 112 支持 Continuity Camera
Canary Chrome 112 支持 Continuity Camera 了
Mar 2, 2023
Web Dev
2022 年终总结
2022 🐙的年终总结
Jan 1, 2023
Lifestyle
Thought Experiments

记录浏览器 dump 麦克风音频数据
记录浏览器 dump 麦克风音频数据
Jun 23, 2022
WebAudio
Frontend

前端音视频开发常用 Debug 工具分享
前端音视频开发常用 Debug 工具分享
Mar 1, 2022
WebRTC
Frontend
Tools
WebMedia
开发者友好
3 种 WebRTC 混合本地视频流方案
3 种 WebRTC 混合本地流视频方案
Feb 13, 2022
WebRTC
Frontend
2021 年终总结
2021 🐙的年终总结
Dec 30, 2021
Lifestyle
Thought Experiments
What I use in 2020 - 2021
平时在用的......
Jul 1, 2021
Tools
重新搞了一个 Blog
为什么会打算重新写一个博客
May 28, 2021
Startups
Thought Experiments

给 Chromium 和 WebKit 反馈和跟进的 Bug 整理
Chromium & WebKit 与 WebRTC 相关的 bug 整理(持续更新)
May 7, 2021
Frontend
Tech

Enter Audio Worklet
Audio Worklet 的介绍
Apr 9, 2021
WebMedia
WebAudio

开发者友好:为什么要做检测支持工具?
检测支持工具的诞生
Mar 23, 2021
Frontend
WebRTC
Tools
开发者友好

前端自动化测试记录
前端自动化测试记录
Aug 4, 2020
Frontend
Software Development

Whistle 移动端和桌面端详细配置指南
Whistle 移动端和桌面端详细配置指南
Aug 1, 2020
Tools
Frontend
开发者友好