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

带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

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

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

时间: 2024-10-04 10:34:17

带alpha透明通道视频—网页播放带alpha通道视频叠加合成方案的相关文章

网页播放摄像头视频 一种新的实现方式(非ocx方式)

前言 出于安全性考虑,浏览器对网页调用本地资源做了诸多限制.单纯的js是不能调用本地摄像头的,最常用的解决方案是通过ocx来实现.ocx是IE浏览器的扩展插件,并不是通用标准,很多浏览器并不支持ocx.有没有别的方案实现视频播放?作者另辟蹊径,通过非常规手段实现了摄像头视频捕做:这种方案采用标准js代码实现,可以适应任何浏览器.  (一) 实现效果 图的左边是网页显示的视频,右端是本地app显示的视频.看到此图,你也许猜到实现方案的一点端倪.网页视频也是借助本地程序之力实现的:常规的实现方案是借

Android在滚动列表中实现视频的播放 ListView RecyclerView

英文原文:Implementing video playback in a scrolled list (ListView & RecyclerView) 本文将讲解如何在列表中实现视频播放.类似于诸如 Facebook, Instagram 或者 Magisto这些热门应用的效果: Facebook: Magisto: Instagram: 这片文章基于开源项目: VideoPlayerManager. 所有的代码和示例都在那里.本文将跳过许多东西.因此如果你要真正理解它是如何工作的,最好下载

mp4网页播放代码,有声音无图像的解决办法~

mp4网页播放代码,有声音无图像的解决办法~ 关于网页播放mp4格式的视频,找了一些插件,这里推荐一下video.js 官方网址:http://www.videojs.com/ github :https://github.com/videojs/video.js/ demo:http://www.videojs.com/downloads/video-js-4.12.5.zip 使用方法: ①引入文件:指派flash播放的swf文件 <link href="//example.com/p

在小程序中使用腾讯视频插件播放教程视频

在我们开发的一个小程序里面,为了给客户了解一些教程内容,我们需要增加一个在线播放视频的模块,考虑过直接使用视频组件播放服务器上的视频不成功,因此使用腾讯视频插件来播放最终测试成功.本篇随笔介绍微信小程序使用视频组件和腾讯视频插件两种方式的解决方式,并重点介绍视频插件方式的处理过程. 1.使用视频组件播放视频 由于是我们自己录制的视频内容,本来想直接通过视频组件来播放自己服务器上的视频,理想很丰满,现实很骨感,不知道是视频内部比较大的原因还是腾讯禁止,虽然在开发工具上测试的时候可以播放,不过最终发

在滚动列表中实现视频的播放(ListView &amp; RecyclerView)

英文原文:Implementing video playback in a scrolled list (ListView & RecyclerView) 本文将讲解如何在列表中实现视频播放.类似于诸如 Facebook, Instagram 或者 Magisto这些热门应用的效果: Facebook: Magisto: Instagram: 这片文章基于开源项目: VideoPlayerManager. 所有的代码和示例都在那里.本文将跳过许多东西.因此如果你要真正理解它是如何工作的,最好下载

Unity播放带Alpha通道的视频(unity play channel movie)

最近讨论在unity播放带alpha通道的视频,一开始一点效果也没有,然后搜索各种解决方案,总结出三种不太好的方案,有更好的方案的希望大家提出来. 方案重点两个方面:         1.能否播放带alpha通道的视频         2.播放的视频和三维场景的层级关系 1.剔除 使用一个剔除的shader,不渲染黑色部分 shader代码如下: Shader "AlphaVideo/CullingVideo" { Properties { _MainTex("Base (R

Unity中播放带有alpha通道格式为Mp4的视频

问题: Unity中实现播放透明的MP4视频时出现黑点 解决办法:    使用Unity自带的shader去除黑点 1:shader代码如下所示 Shader "Unlit/NewUnlitShader" { Properties { _Color("Color", Color) = (1,1,1,1) //_MainTex ("Albedo (RGB)", 2D) = "white" {} _AlphaVideo("

[MFC]图形附加alpha透明通道

修改图形并且附加透明通道: 要附加透明度,可以要把图片转化为32位png图片,然后设置相应的alpha值: 1.      如何把一张图片修改为32位的Png: a)        读取原图片颜色信息 b)        创建一张32位并且带透明的位图 例如: 创建带透明的DIB图形(DIB:设备无关图形) CImageimage; image.Create(nWidth(),nHeight(), 32,CImage::createAlphaChannel); byte*pHead= (byte

网页播放的视频代码

网页播放的视频代码 第一种是通过调用window media player进行播放诸如:wmv,asf等格式文件: <object align=middle class=OBJECT classid=CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95 height=320 id=MediaPlayer width=356> <param name="ShowStatusBar" value="-1"> <