在A-Frame中屏蔽视频

时间:2017-07-07 05:12:14

标签: video aframe

我正在评估A-Frame框架,我正在努力完成一项任务。

我需要屏蔽视频。一个静态的面具,比如一个羽状的椭圆形,就可以了。

我的第一个想法是简单地包含一个带有Alfa频道的webm视频,但该视频格式在iOS上无法播放(有或没有A-Frame),因此需要一些其他解决方案。 https://simpl.info/videoalpha/video/dancer1.webm

我找到了一些关于使用three.js进行屏蔽的阅读,但是还不能弄清楚如何将第一个用例(静态掩码)带到A-Frame: http://blog.cjgammon.com/masking-5-glsl

我也在评估是否可以使用React VR。

感谢您的任何见解!!

1 个答案:

答案 0 :(得分:0)

anwser应该在材料中,但由于我几乎不了解它们,我只能提供一个非常简单的解决方法,直到有人发布真正的解决方案。

  • 如果您的背景是单色,您可以制作透明图像 - 背景颜色的面具,您可以放在视频前面。
    如果在视频前面放置0.001,它看起来像是蒙面图像/视频的一部分。
  • 如果你的背景很复杂,我会制作一个黑色的图像蒙版,并且羽化内圈和外圈,所以它不会粘贴在场景中。

我真的希望得到一个物质解决方案,因为我们可以学到一些非常有用的东西。