剪映中的视频特效虽多,其实就两类,一类改变原始像素,一类叠加混合,本文通过精简的源码和精致的案例给大家介绍具体如何实现。
阅读全文…
标签: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 条评论 »
今天才知道,原来浏览器有原生的API,可以对二维码、条形码进行解析,使用非常简单!
标签:BarcodeDetector, canvas, ImageBitmap, ImageData, 二维码, 图片, 条形码, 编码, 解码 发布在 JS API | 4 条评论 »
H5直播,Android视频播放层级,内置播放器等问题,可以看看本文介绍的两个JS项目,JSMpeg和Broadway,或许会有所帮助。
标签:Broadway, JSMpeg, mp4, Vap, webGL, 视频, 解码, 音频 发布在 JS实例 | 9 条评论 »
H5中希望有炫酷3D动效,但是3D WebGL实力不允许,可以试试使用本文要介绍的VAP,导出PNG图片序列,可以有高性能的炫酷动画效果,Android和iOS也可以使用。
标签:canvas, OpenGL, webGL, 动画, 序列图片, 性能, 视频, 解码, 音频 发布在 JS实例 | 15 条评论 »
张鑫旭more,09年华中科技大学毕业,现上海,就职于阅文集团,专注web前端偏前领域,著有《CSS世界》《CSS选择器世界》《CSS新世界》《HTML并不简单》
邮箱:zhangxinxu@zhangxinxu.com
关注我:微信微博掘金知乎抖音热更B站Gitee