不借助C/C++,纯JS浏览器中ffmpeg.wasm实现指定长度、位置和数量的音频和视频合并成新的视频,此领域目前为数不多优质文章,建议收藏备忘。
阅读全文…
标签:audio, canvas, captureStream, ffmpeg, RecordRTC, video, wasm, WebAssembly, webM, WebRTC, 图片合成, 视频合成, 语音合成 发布在 JS实例 | 33 条评论 »
使用CSS滤镜和混合模式可以实现很多很酷的图像处理效果,但是处理后的美图用户无法下载,也无法上传,因为此时的图片资源还是原图,有没有什么方法可以得到CSS技术处理后的图像呢?
标签:canvas, download, filter, foreignObject, mix-blend-mode, toDataURL, 图片合成 发布在 JS实例 | 8 条评论 »
图片合成最常见的需求有验证码图片,亦或者图片加水印等,这种实现一般都是后端实现的。
随着HTML5发展和现代浏览器的占比越来越高,我们其实也可以在前端直接进行图片的合成。优点在于,响应更快,体验更好;如果是和文字进行合成,我们可以利用客户端字体,视觉展现效果更丰富;同时展示和合成全部都是前端完成,因此更利于维护。
标签:canvas, drawImage, FileReader, toDataURL, 图片合成, 混合模式 发布在 Canvas相关 | 21 条评论 »
张鑫旭more,09年华中科技大学毕业,现上海,就职于阅文集团,专注web前端偏前领域,著有《CSS世界》《CSS选择器世界》《CSS新世界》《HTML并不简单》
邮箱:zhangxinxu@zhangxinxu.com
关注我:微信微博掘金知乎抖音热更B站Gitee