2024年01月11日 by 张 鑫旭 阅读 12859 次, 今日 22 次
Firefox也正式支持popover属性了，大人，时代变了，所有的下拉效果要换种实现方式啦。
阅读全文…
标签： button, dialog, html, popover, popovertarget, radio, z-index
发布在 JS实例 | 8 条评论 »
2023年12月28日 by 张 鑫旭 阅读 13168 次, 今日 19 次
原来前端纯JS就能实现人脸识别检测，使用简单，性能优异，准确率也高，有案例演示，有源码，希望可以帮到大家的学习。
阅读全文…
标签： absolute, await, canvas, drawImage, JS检测, Promise, 人脸识别, 图像处理
发布在 JS实例 | 5 条评论 »
2023年12月26日 by 张 鑫旭 阅读 13911 次, 今日 16 次
给大家演示下如何对比两个IMG图片的相似度，性能和准确度均不错，然后……圣诞节快乐！?
阅读全文…
标签： canvas, getImageData, gif, WebCodecs, 图片, 相似度, 颜色相似度
发布在 JS实例 | 10 条评论 »
2023年12月24日 by 张 鑫旭 阅读 11815 次, 今日 19 次
其实使用Web Audio API就能从视频中提取音频文件了，本文有演示页面，有实现代码，有详细讲解，值得一看。
阅读全文…
标签： ArrayBuffer, AudioBuffer, createBufferSource, createGain, decodeAudioData, fetch, GainNodes, WebCodecs, 视频, 音频
发布在 JS实例 | 8 条评论 »
2023年11月29日 by 张 鑫旭 阅读 12793 次, 今日 21 次
本文通过真实的demo演示案例给大家展示如何使用JS获取本地音乐文件的封面图、文件名及时长等信息。
阅读全文…
标签： ::file-selector-button, audio, base64, Blob, File, FileReader, meta
发布在 JS实例 | 7 条评论 »
2023年11月22日 by 张 鑫旭 阅读 11928 次, 今日 15 次
滤镜效果大体分两类，一类是算法滤镜，另外一类则是颜色映射滤镜，本文就将介绍如何使用pixi.js在WebGL中应用颜色映射滤镜。
阅读全文…
标签： 3D LUT, ColorMapFilter, cube, feDisplacementMap, filter, pixi.js, 滤镜
发布在 Graphic相关, JS实例 | 2 条评论 »
2023年11月19日 by 张 鑫旭 阅读 12337 次, 今日 19 次
剪映中的视频特效虽多，其实就两类，一类改变原始像素，一类叠加混合，本文通过精简的源码和精致的案例给大家介绍具体如何实现。
阅读全文…
标签： 3D LUT, LayoutFragment, mp4, pixi.js, WebCodecs, 序列图片, 滤镜, 特效, 解码
发布在 JS实例 | 4 条评论 »
2023年11月15日 by 张 鑫旭 阅读 19730 次, 今日 31 次
应该是国内第一篇专门介绍用mp4box.js和VideoDecoder方法解码MP4视频序列帧的文章了。
阅读全文…
标签： canvas, mix-blend-mode, mp4box.js, pixi.js, VideoFrame, WebCodecs, 解码
发布在 JS实例 | 16 条评论 »
2023年10月29日 by 张 鑫旭 阅读 12360 次, 今日 18 次
想要提高网页的加载体验，其实有个非常简单且实用的技巧，那就是改变请求资源的加载优先级，这也可以改变？没错！
阅读全文…
标签： fetchPriority, link, loading, prefetch, preload, rel, 性能优化, 预加载
发布在 Web综合 | 4 条评论 »
2023年10月10日 by 张 鑫旭 阅读 17142 次, 今日 22 次
3年前有更新过JS剪裁audio音频，今天我们再讲讲如何使用原生的JS实现多个音频的拼接或合并，此文可是其他地方见不到的哟。
阅读全文…
标签： ArrayBuffer, audio, AudioBuffer, fetch, getChannelData, wavy, 音频
发布在 JS实例 | 10 条评论 »
我的应用
我的应用