江苏龙网

  1. 首页 > 生活 > >

HTML5里是否可以实现带alpha通道(透明)的视频元素GIF除外

1，在 Chrome 上用 WebM2，别的浏览器用canvas来绘制，你可以Google一下：HTML5 Video with alpha transparency现在只有WebM支持alpha channel, (firefox 不支持webm的alpha channel）-- 28/7 更新 --如果你特指使用WebGL的话，自己写shader，挺简单的，差不多这样： \u0026lt;script id="shader-fs" type="x-shader/x-fragment"\u0026gt; varying highp vec2 vTextureCoord; uniform sampler2D uSampler; void main(void) { highp vec4 texelColor = texture2D(uSampler, vec2(vTextureCoord.s, vTextureCoord.t)); highp float texelAlpha = texture2D(uSampler, vec2(vTextureCoord.s, vTextureCoord.t - 0.5)).r; gl_FragColor = vec4(texelColor.rgb, texelAlpha); } \u0026lt;/script\u0026gt;
■网友
如果使用webgl的话，有一种情况就是背景色是某种特定的颜色。可以在shader里面，判断颜色值是否接近这个特定颜色（根据向量距离即可），根据接近的程度设定alpha的值。这种最简单，但要求视频有一个特定的背景色。


    推荐阅读


    上一篇：怎样评价问道手游

    下一篇：位运算判断2数是否相等