2024年02月29日 by 张 鑫旭 阅读 7312 次, 今日 6 次
音视频合成的时候，有倍速合成的需求，起初，我以为这只是个手到擒来的小需求，细究之下发现问题并不简单……
阅读全文…
标签： ArrayBuffer, audio, AudioBuffer, AudioContext, playbackRate, 算法, 音频
发布在 JS实例 | 4 条评论 »
2024年01月31日 by 张 鑫旭 阅读 8486 次, 今日 7 次
只要你的产品有SEO的需求，那么MicroData微数据就是必须要了解的知识，通过几个属性，让数据结构更适合搜索引擎识别。
阅读全文…
标签： MicroData, SEO, 微数据
发布在 HTML相关 | 4 条评论 »
2024年01月21日 by 张 鑫旭 阅读 9495 次
从名称上看，@scope似乎是实现CSS作用域的，这个讨论了近20年的特性终于是要支持了吗，还是并非如此？
阅读全文…
标签： :scope, @container, @counter-style, @font-palette-values, @import, @keyframes, @layer, @media, @property, @supports, 优先级, 作用域, 选择器
发布在 CSS相关 | 7 条评论 »
2024年01月15日 by 张 鑫旭 阅读 13784 次, 今日 13 次
其实获取视频的缩略图并不需要视频解码就能实现，方法就是其貌不扬的HTML video元素。
阅读全文…
标签： Blob, drawImage, fetch, video, VideoEncoder, 视频
发布在 JS实例 | 12 条评论 »
2024年01月11日 by 张 鑫旭 阅读 12421 次, 今日 7 次
Firefox也正式支持popover属性了，大人，时代变了，所有的下拉效果要换种实现方式啦。
阅读全文…
标签： button, dialog, html, popover, popovertarget, radio, z-index
发布在 JS实例 | 8 条评论 »
2023年12月28日 by 张 鑫旭 阅读 12698 次, 今日 5 次
原来前端纯JS就能实现人脸识别检测，使用简单，性能优异，准确率也高，有案例演示，有源码，希望可以帮到大家的学习。
阅读全文…
标签： absolute, await, canvas, drawImage, JS检测, Promise, 人脸识别, 图像处理
发布在 JS实例 | 5 条评论 »
2023年12月26日 by 张 鑫旭 阅读 13246 次, 今日 9 次
给大家演示下如何对比两个IMG图片的相似度，性能和准确度均不错，然后……圣诞节快乐！?
阅读全文…
标签： canvas, getImageData, gif, WebCodecs, 图片, 相似度, 颜色相似度
发布在 JS实例 | 7 条评论 »
2023年12月24日 by 张 鑫旭 阅读 11265 次, 今日 5 次
其实使用Web Audio API就能从视频中提取音频文件了，本文有演示页面，有实现代码，有详细讲解，值得一看。
阅读全文…
标签： ArrayBuffer, AudioBuffer, createBufferSource, createGain, decodeAudioData, fetch, GainNodes, WebCodecs, 视频, 音频
发布在 JS实例 | 8 条评论 »
2023年11月29日 by 张 鑫旭 阅读 12352 次, 今日 10 次
本文通过真实的demo演示案例给大家展示如何使用JS获取本地音乐文件的封面图、文件名及时长等信息。
阅读全文…
标签： ::file-selector-button, audio, base64, Blob, File, FileReader, meta
发布在 JS实例 | 7 条评论 »
2023年11月22日 by 张 鑫旭 阅读 11515 次, 今日 6 次
滤镜效果大体分两类，一类是算法滤镜，另外一类则是颜色映射滤镜，本文就将介绍如何使用pixi.js在WebGL中应用颜色映射滤镜。
阅读全文…
标签： 3D LUT, ColorMapFilter, cube, feDisplacementMap, filter, pixi.js, 滤镜
发布在 Graphic相关, JS实例 | 一条评论 »
我的应用
我的应用