2023年11月19日 by 张 鑫旭 阅读 11909 次, 今日 10 次
剪映中的视频特效虽多，其实就两类，一类改变原始像素，一类叠加混合，本文通过精简的源码和精致的案例给大家介绍具体如何实现。
阅读全文…
标签： 3D LUT, LayoutFragment, mp4, pixi.js, WebCodecs, 序列图片, 滤镜, 特效, 解码
发布在 JS实例 | 4 条评论 »
2023年11月15日 by 张 鑫旭 阅读 18950 次, 今日 9 次
应该是国内第一篇专门介绍用mp4box.js和VideoDecoder方法解码MP4视频序列帧的文章了。
阅读全文…
标签： canvas, mix-blend-mode, mp4box.js, pixi.js, VideoFrame, WebCodecs, 解码
发布在 JS实例 | 16 条评论 »
2023年10月29日 by 张 鑫旭 阅读 11961 次, 今日 4 次
想要提高网页的加载体验，其实有个非常简单且实用的技巧，那就是改变请求资源的加载优先级，这也可以改变？没错！
阅读全文…
标签： fetchPriority, link, loading, prefetch, preload, rel, 性能优化, 预加载
发布在 Web综合 | 4 条评论 »
2023年10月10日 by 张 鑫旭 阅读 16544 次, 今日 5 次
3年前有更新过JS剪裁audio音频，今天我们再讲讲如何使用原生的JS实现多个音频的拼接或合并，此文可是其他地方见不到的哟。
阅读全文…
标签： ArrayBuffer, audio, AudioBuffer, fetch, getChannelData, wavy, 音频
发布在 JS实例 | 10 条评论 »
2023年10月9日 by 张 鑫旭 阅读 7080 次, 今日 9 次
本文介绍三种改变音频播放音量的方法，其中还有一种方法直接改变音频AudioBuffer数据源的音量，说不定你哪天就会用到。
阅读全文…
标签： ArrayBuffer, audio, AudioBuffer, AudioContext, AudioData, AudioEncoder, GainNodes, howler, wavy
发布在 JS实例 | 6 条评论 »
2023年09月17日 by 张 鑫旭 阅读 20300 次, 今日 11 次
起初以为只是个小需求，实现JS复制图片到剪切板，直到深入了解，才发现，原来涉及到那么多知识，真是不虚此学。
阅读全文…
标签： base64, Blob, clipboardData, drawImage, FileReader, paste, png, 图片上传
发布在 JS实例 | 15 条评论 »
2023年09月15日 by 张 鑫旭 阅读 8559 次, 今日 5 次
自己体验了下，出乎意料，HTML elementtiming属性在性能监控这块，比预想的要实用的多。
阅读全文…
标签： background-image, elementtiming, html, PerformanceObserver, 性能
发布在 HTML相关 | 2 条评论 »
2023年09月12日 by 张 鑫旭 阅读 9611 次, 今日 9 次
坚持探索Web标准下的原生浏览器开发行为，行为驱动和数据驱动的表单开发其实各有千秋，深入HTML，你会发现这个世界比你所知的要精彩的多。
阅读全文…
标签： counter-reset, css reset, form, HTML元素, input
发布在 HTML相关, JS实例 | 8 条评论 »
2023年09月5日 by 张 鑫旭 阅读 17984 次, 今日 5 次
相比于tinypng，我这个工具还自带尺寸设置功能，同时还可以控制压缩率，指定压缩格式，纯前端实现，高性能高效率。
阅读全文…
标签： download, FileSaver, jpeg, png, toDataURL, 图像处理, 图片压缩
发布在 Web综合 | 24 条评论 »
2023年08月30日 by 张 鑫旭 阅读 6902 次, 今日 3 次
一开始看到registerProtocolHandler()方法老激动了，以为又发现了个好玩具，谁知深入体验了一番之后……呵呵~
阅读全文…
标签： API, github, href, HTTP协议, registerPaint, registerProperty, registerProtocolHandler, URLSearchParams
发布在 JS API | 2 条评论 »
我的应用
我的应用