video - 在 A 帧中屏蔽视频

标签 video aframe

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

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

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

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

我也在评估它是否可以用 React VR 来完成。

感谢您的任何见解!

最佳答案

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

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

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

关于video - 在 A 帧中屏蔽视频,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44962968/

相关文章:

angular - A-Frame 未从 Angular 加载资源

javascript - Aframe 组件无法从事件处理程序引用 el

dictionary - FFMPEG 多路复用视频和音频(来自另一个视频) - 映射问题

aframe - 如何在 React VR 中将摄像机更改为第三人称?

javascript - 将视频 blob 保存到文件系统 electron/node js

android - 获取录制视频的时间 (Android)

special-characters - 如何在 A 框架 Web VR 中包含特殊字符(čšž...)

javascript - aframe- react ;写入新组件错误

javascript - 使用 JavaScript 从通过 USB 端口连接到笔记本电脑的多个摄像头捕获视频

ios - 如何在不刻录的情况下将字幕嵌入视频文件(html5)