2024年04月22日 by 张 鑫旭 阅读 11635 次, 今日 17 次
后端这块只会Node.js的前端工程师如何实现每隔一两秒就获取一张小尺寸的视频截图的需求呢？
阅读全文…
标签： ffmpeg, fluent-ffmpeg, jszip, nodejs, video, VideoFrame, 截屏, 视频
发布在 JS实例 | 10 条评论 »
2024年04月14日 by 张 鑫旭 阅读 9579 次, 今日 27 次
模糊和投影算是SVG滤镜中学习难度最低的元素了，所以放在一起介绍，从中可以看到CSS模糊和投影滤镜语法的影子。
阅读全文…
标签： clipPath, drop-shadow, feDropShadow, feGaussianBlur, filter, stdDeviation, 高斯模糊
发布在 SVG相关 | 4 条评论 »
2024年04月11日 by 张 鑫旭 阅读 8780 次, 今日 22 次
要想成为前端图形表现领域的高手，要必要弄懂SVG中各种滤镜元素的语法与作用，先从简单的feblend元素开始。
阅读全文…
标签： feBlend, feImage, filter, SVG滤镜, 混合模式
发布在 SVG相关 | 2 条评论 »
2024年03月31日 by 张 鑫旭 阅读 10638 次, 今日 16 次
既生瑜何生亮，没想到CSS有语法和作用如此相似的两套规则，一个是范围，一个是嵌套，大部分时候两者可以互相替换，怎会如此呢？
阅读全文…
标签： :scope, @media, CSS嵌套, 选择器
发布在 CSS相关 | 9 条评论 »
2024年03月21日 by 张 鑫旭 阅读 9235 次, 今日 17 次
带大家快速了解下CSS initial-letter属性，可以更好地设置首字母的排版效果。
阅读全文…
标签： ::before, ::first-letter, float, initial-letter, shape-outside
发布在 CSS相关 | 没有评论 »
2024年03月17日 by 张 鑫旭 阅读 17389 次, 今日 23 次
全新的Screen Wake Lock API，可以让网页无论放置多久，都不要担心熄屏，或出现屏保，Web如今越来越强了。
阅读全文…
标签： navigator, Picture-in-Picture, pointerLockElement, requestPointerLock, screen, Screen Wake Lock, visibilitychange, wakeLock
发布在 JS API | 7 条评论 »
2024年02月29日 by 张 鑫旭 阅读 12231 次, 今日 20 次
音视频合成的时候，有倍速合成的需求，起初，我以为这只是个手到擒来的小需求，细究之下发现问题并不简单……
阅读全文…
标签： ArrayBuffer, audio, AudioBuffer, AudioContext, playbackRate, 算法, 音频
发布在 JS实例 | 4 条评论 »
2024年01月31日 by 张 鑫旭 阅读 12925 次, 今日 20 次
只要你的产品有SEO的需求，那么MicroData微数据就是必须要了解的知识，通过几个属性，让数据结构更适合搜索引擎识别。
阅读全文…
标签： MicroData, SEO, 微数据
发布在 HTML相关 | 4 条评论 »
2024年01月21日 by 张 鑫旭 阅读 14033 次, 今日 18 次
从名称上看，@scope似乎是实现CSS作用域的，这个讨论了近20年的特性终于是要支持了吗，还是并非如此？
阅读全文…
标签： :scope, @container, @counter-style, @font-palette-values, @import, @keyframes, @layer, @media, @property, @supports, 优先级, 作用域, 选择器
发布在 CSS相关 | 7 条评论 »
2024年01月15日 by 张 鑫旭 阅读 19694 次, 今日 23 次
其实获取视频的缩略图并不需要视频解码就能实现，方法就是其貌不扬的HTML video元素。
阅读全文…
标签： Blob, drawImage, fetch, video, VideoEncoder, 视频
发布在 JS实例 | 12 条评论 »
我的应用
我的应用