本文通过真实的demo演示案例给大家展示如何使用JS获取本地音乐文件的封面图、文件名及时长等信息。
阅读全文…
标签：::file-selector-button, audio, base64, Blob, File, FileReader, meta 发布在 JS实例 | 7 条评论 »
滤镜效果大体分两类，一类是算法滤镜，另外一类则是颜色映射滤镜，本文就将介绍如何使用pixi.js在WebGL中应用颜色映射滤镜。
标签：3D LUT, ColorMapFilter, cube, feDisplacementMap, filter, pixi.js, 滤镜 发布在 Graphic相关, JS实例 | 2 条评论 »
剪映中的视频特效虽多，其实就两类，一类改变原始像素，一类叠加混合，本文通过精简的源码和精致的案例给大家介绍具体如何实现。
标签：3D LUT, LayoutFragment, mp4, pixi.js, WebCodecs, 序列图片, 滤镜, 特效, 解码 发布在 JS实例 | 4 条评论 »
应该是国内第一篇专门介绍用mp4box.js和VideoDecoder方法解码MP4视频序列帧的文章了。
标签：canvas, mix-blend-mode, mp4box.js, pixi.js, VideoFrame, WebCodecs, 解码 发布在 JS实例 | 16 条评论 »
3年前有更新过JS剪裁audio音频，今天我们再讲讲如何使用原生的JS实现多个音频的拼接或合并，此文可是其他地方见不到的哟。
标签：ArrayBuffer, audio, AudioBuffer, fetch, getChannelData, wavy, 音频 发布在 JS实例 | 10 条评论 »
本文介绍三种改变音频播放音量的方法，其中还有一种方法直接改变音频AudioBuffer数据源的音量，说不定你哪天就会用到。
标签：ArrayBuffer, audio, AudioBuffer, AudioContext, AudioData, AudioEncoder, GainNodes, howler, wavy 发布在 JS实例 | 6 条评论 »
起初以为只是个小需求，实现JS复制图片到剪切板，直到深入了解，才发现，原来涉及到那么多知识，真是不虚此学。
标签：base64, Blob, clipboardData, drawImage, FileReader, paste, png, 图片上传 发布在 JS实例 | 15 条评论 »
坚持探索Web标准下的原生浏览器开发行为，行为驱动和数据驱动的表单开发其实各有千秋，深入HTML，你会发现这个世界比你所知的要精彩的多。
标签：counter-reset, css reset, form, HTML元素, input 发布在 HTML相关, JS实例 | 8 条评论 »
如果你遇到需要纯前端导出PDF文件的需求，本文百分之一万对你的实现有所帮助。
标签：canvas, export, fetch, FileReader, html2canvas, jsPDF, PDF, 跨域 发布在 JS实例 | 25 条评论 »
本文算是目前国内关于浏览器音视频合成，尤其WebCodecs API进行视频合成这块比较稀缺的内容了。
标签：audio, AudioData, AudioEncoder, canvas, ffmpeg, mp4, VideoEncoder, VideoFrame, WebCodecs, 编码, 视频, 视频合成, 音频 发布在 JS实例 | 11 条评论 »
张鑫旭more，09年华中科技大学毕业，现上海，就职于阅文集团，专注web前端偏前领域，著有《CSS世界》《CSS选择器世界》《CSS新世界》
邮箱：zhangxinxu@zhangxinxu.com
关注我：微信微博掘金知乎头条B站Gitee
我的应用
我的应用