web视频合成叠加方案—播放带alpha通道视频叠加背景

从当年BBS到51空间、qq空间、微博……想当年取网吧打传奇，晚上看的A片都是，下载，是20kb/s

现在，网络带宽不不在话下……所以，网红，一个个冒出头来，心理学上，应该是，个人，表现欲，爆发……废话……不是说开发吗？

如果是视频上传，然后再H5播放，俺么就是直接用工具，比如Adobe Media批量处理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视频格式？

用这个插件，http://www.fnordware.com/WebM/

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

adobe premiere AE  即可导出 webM

推荐一些网络视频开发资料：七牛的文档：

「视频直播技术详解」系列之一：采集

「视频直播技术详解」系列之二：处理

「视频直播技术详解」系列之三：编码和封装

「视频直播技术详解」系列之四：推流和传输

「视频直播技术详解」系列之五：延迟优化

「视频直播技术详解」系列之六：现代播放器原理

视频直播技术详解」系列之七：直播云 SDK 性能测试模型

详谈［七牛直播云］性能优化实践

HTTP Live Streaming直播(iOS直播)技术分析与实现

转载本站文章《web视频合成叠加方案—播放带alpha通道视频叠加背景》,
请注明出处：https://www.zhoulujun.cn/html/theory/multimedia/CG-CV-IP/7453.html