当前位置:首页 > Web开发 > 正文

网页播放带alpha通道视频叠加合成方案

2024-03-31 Web开发

标签:

带alpha通道的图片有GIF和PNG,但是GIF只有8位,掉真严重,,边沿锯齿非常明显。

做动画,其它考虑PNG24,用css3 animations播放。但是,每个都配置太麻烦。综合考虑还是做透明配景的及带alpha通道的视频做配景做好。

带alpha通道可以跟配景融合的视频,常用有三种格局

微软 AVI,微软压缩比太差,文件太大。

苹果mov,在windows平台,要装相关插件。

谷歌webM,只要与新版chrome即撑持。 webM 与webP是一个爹养的,在网络应用绝佳——高压缩比高保真。

webM格局的优势
webM影片格局,其实是以 Matroska(就是我们熟知的 MKV)容器格局为根本开发的新容器格局,里面包孕了 VP8 影片轨和 Ogg Vorbis 音轨。WebM 应该是不会有 H.264 的那些潜在的专利问题。

WebM标准的网络视频越发方向于开源并且是基于HTML5标准的,WebM 项目旨在为对每小我私家都开放的网络开发高质量、开放的视频格局,其重点是解决视频处事这一核心的网络用户体验。

Google 说 WebM 的格局相当有效率,应该可以在 netbook、tablet、手持式装置等上面顺畅地使用,固然自家的 Youtube 也会撑持 WebM 的播放。来自财富界的奥援有 Adobe -- Flash Player 将会撑持 WebM 格局的播放

制作webM视频,一般用AE来制作,但是它无法导出 webM的视频格局。

premiere 与After Effect 如何输出HTML5 WebM视频格局?
用这个插件,

WebM是Premiere的插件,这是由Google创建的开放式影戏格局,WebM是完全依赖开源和无专利技术的HTML-5标准视频格局,它将VP8和VP9视频编解码器与Vorbis和Opus音频编解码器一起使用,并包装在Matroska容器中。

adobe premiere AE 即可导出 webM

转载本站文章《带alpha透明通道视频—网页播放带alpha通道视频叠加合成方案》,
请注明来由:https://www.zhoulujun.cn/html/theory/CG-CV-IP/7453.html

带alpha透明通道视频—网页播放带alpha通道视频叠加合成方案

标签:

原文地点:https://blog.51cto.com/zhoulujun/2468282

温馨提示: 本文由Jm博客推荐,转载请保留链接: https://www.jmwww.net/file/web/31091.html