算是把pixi.js中的颜色矩阵算法滤镜的使用和各种渲染效果给摸了个透，一通百通，对SVG滤镜，canvas 2D滤镜的学习与应用也是颇有帮助的。
阅读全文…
标签：brightness, ColorMatrixFilter, feColorMatrix, filter, kodachrome, pixi.js, polaroid, sepia, technicolor, 滤镜, 矩阵 发布在 JS实例 | 没有评论 »
本文通过案例演示如何使用开源JS库实现音频淡入淡出、原生JS又该实现，以及如何从底层对音频进行淡入淡出转换，都是少见的技术分享。
标签：audio, AudioBuffer, fade, GainNodes, howler, wavesurfer 发布在 JS实例 | 一条评论 »
后端这块只会Node.js的前端工程师如何实现每隔一两秒就获取一张小尺寸的视频截图的需求呢？
标签：ffmpeg, fluent-ffmpeg, jszip, nodejs, video, VideoFrame, 截屏, 视频 发布在 JS实例 | 10 条评论 »
音视频合成的时候，有倍速合成的需求，起初，我以为这只是个手到擒来的小需求，细究之下发现问题并不简单……
标签：ArrayBuffer, audio, AudioBuffer, AudioContext, playbackRate, 算法, 音频 发布在 JS实例 | 4 条评论 »
其实获取视频的缩略图并不需要视频解码就能实现，方法就是其貌不扬的HTML video元素。
标签：Blob, drawImage, fetch, video, VideoEncoder, 视频 发布在 JS实例 | 12 条评论 »
Firefox也正式支持popover属性了，大人，时代变了，所有的下拉效果要换种实现方式啦。
标签：button, dialog, html, popover, popovertarget, radio, z-index 发布在 JS实例 | 8 条评论 »
原来前端纯JS就能实现人脸识别检测，使用简单，性能优异，准确率也高，有案例演示，有源码，希望可以帮到大家的学习。
标签：absolute, await, canvas, drawImage, JS检测, Promise, 人脸识别, 图像处理 发布在 JS实例 | 5 条评论 »
给大家演示下如何对比两个IMG图片的相似度，性能和准确度均不错，然后……圣诞节快乐！?
标签：canvas, getImageData, gif, WebCodecs, 图片, 相似度, 颜色相似度 发布在 JS实例 | 7 条评论 »
其实使用Web Audio API就能从视频中提取音频文件了，本文有演示页面，有实现代码，有详细讲解，值得一看。
标签：ArrayBuffer, AudioBuffer, createBufferSource, createGain, decodeAudioData, fetch, GainNodes, WebCodecs, 视频, 音频 发布在 JS实例 | 8 条评论 »
本文通过真实的demo演示案例给大家展示如何使用JS获取本地音乐文件的封面图、文件名及时长等信息。
标签：::file-selector-button, audio, base64, Blob, File, FileReader, meta 发布在 JS实例 | 7 条评论 »
张鑫旭more，09年华中科技大学毕业，现上海，就职于阅文集团，专注web前端偏前领域，著有《CSS世界》《CSS选择器世界》《CSS新世界》
邮箱：zhangxinxu@zhangxinxu.com
关注我：微信微博掘金知乎头条B站Gitee
我的应用
我的应用