剪映中的视频特效虽多,其实就两类,一类改变原始像素,一类叠加混合,本文通过精简的源码和精致的案例给大家介绍具体如何实现。
阅读全文…
标签:3D LUT, LayoutFragment, mp4, pixi.js, WebCodecs, 序列图片, 滤镜, 特效, 解码 发布在 JS实例 | 4 条评论 »
H5中希望有炫酷3D动效,但是3D WebGL实力不允许,可以试试使用本文要介绍的VAP,导出PNG图片序列,可以有高性能的炫酷动画效果,Android和iOS也可以使用。
标签:canvas, OpenGL, webGL, 动画, 序列图片, 性能, 视频, 解码, 音频 发布在 JS实例 | 15 条评论 »
很多爆款H5的一些酷酷的场景变换很多都是视频实现的,但是,视频的实现也有局限,如iOS下不能自动播放,动态数据不支持等,此时又当如何处理呢?
我们可以使用序列图片,通过JS脚本,来模拟视频播放效果,以上所有局限将通通可以规避。实现的方法很多,但是很多平时可以的方法在这种场景下会有性能跟不上的问题,那有没有什么高性能的实现方法呢?有……
标签:HTML5, 优化, 动效, 图片播放, 序列图片, 性能, 视频 发布在 JS实例 | 44 条评论 »
张鑫旭more,09年华中科技大学毕业,现上海,就职于阅文集团,专注web前端偏前领域,著有《CSS世界》《CSS选择器世界》《CSS新世界》《HTML并不简单》
邮箱:zhangxinxu@zhangxinxu.com
关注我:微信微博掘金知乎抖音热更B站Gitee