给大家演示下如何对比两个IMG图片的相似度，性能和准确度均不错，然后……圣诞节快乐！?
阅读全文…
标签：canvas, getImageData, gif, WebCodecs, 图片, 相似度, 颜色相似度 发布在 JS实例 | 10 条评论 »
其实使用Web Audio API就能从视频中提取音频文件了，本文有演示页面，有实现代码，有详细讲解，值得一看。
标签：ArrayBuffer, AudioBuffer, createBufferSource, createGain, decodeAudioData, fetch, GainNodes, WebCodecs, 视频, 音频 发布在 JS实例 | 8 条评论 »
剪映中的视频特效虽多，其实就两类，一类改变原始像素，一类叠加混合，本文通过精简的源码和精致的案例给大家介绍具体如何实现。
标签：3D LUT, LayoutFragment, mp4, pixi.js, WebCodecs, 序列图片, 滤镜, 特效, 解码 发布在 JS实例 | 4 条评论 »
应该是国内第一篇专门介绍用mp4box.js和VideoDecoder方法解码MP4视频序列帧的文章了。
标签：canvas, mix-blend-mode, mp4box.js, pixi.js, VideoFrame, WebCodecs, 解码 发布在 JS实例 | 16 条评论 »
本文算是目前国内关于浏览器音视频合成，尤其WebCodecs API进行视频合成这块比较稀缺的内容了。
标签：audio, AudioData, AudioEncoder, canvas, ffmpeg, mp4, VideoEncoder, VideoFrame, WebCodecs, 编码, 视频, 视频合成, 音频 发布在 JS实例 | 11 条评论 »
ImageDecoder是浏览器支持的原生API，可以对GIF动图进行逐帧解析渲染，播放控制，图像处理，水印添加等，都不在话下。
标签：APNG, canvas, gif, ImageDecoder, libgif, WebCodecs 发布在 JS API | 6 条评论 »
张鑫旭more，09年华中科技大学毕业，现上海，就职于阅文集团，专注web前端偏前领域，著有《CSS世界》《CSS选择器世界》《CSS新世界》《HTML并不简单》
邮箱：zhangxinxu@zhangxinxu.com
关注我：微信微博掘金知乎抖音热更B站Gitee
我的应用
我的应用