如何在Facebook AR studio中使用mp4视频作为外部纹理?

时间:2018-10-19 11:36:59

标签: javascript spark-ar-studio

我是第一次在Facebook Spark Studio上工作。

我想做一个基于标记的AR,就像我通常对Vuforia所做的那样。

我想通过扫描标记来播放mp4视频。

我阅读了Facebook AR studio文档,它们仅支持png和jpg文件格式。

参考:https://developers.facebook.com/docs/ar-studio/before-you-start/file-formats

是否有用于外部视频纹理的播放控件?

有人可以帮助我在扫描跟踪器时播放视频吗?

2 个答案:

答案 0 :(得分:1)

我们有同样的问题。诀窍(或Facebook错误)是在带有视频链接的资料中的编辑器中设置URL。然后在您的代码中执行以下操作:

const Scene = require('Scene');
const Animation = require('Animation');
const Materials = require('Materials');
const Textures = require('Textures');
const D = require('Diagnostics');
const Audio = require('Audio');

const animRoot = Scene.root.find('animRoot');
const planeTracker = Scene.root.find('planeTracker');
const targetMat = Materials.get('targetMat');
const externalText = Textures.get('externalAnimation');
const playbackController = Audio.getPlaybackController('playback_controller_model0');

planeTracker.confidence.eq('HIGH').onOn({fireOnInitialValue: true}).subscribe(function(e) {

    playbackController.play();

    externalText.url = '';

    externalText.url = 'https://urlToYourVideo.mp4';

    D.log('Tracking starts');
});

planeTracker.confidence.eq('HIGH').onOff({fireOnInitialValue: true}).subscribe(function(e) {

    playbackController.stop();

    externalText.url = '';

    D.log('Tracking stops');
});

希望这会有所帮助!

答案 1 :(得分:0)

您可以通过链接在线托管的视频纹理,使用“外部纹理”来做到这一点。

  1. 创建材料
  2. 在材质的漫反射纹理属性下,选择“新建外部纹理”
  3. 在纹理属性中,将视频的URL输入URL字段

enter image description here enter image description here

要使用跟踪器,请查看PlaneTracker对象的文档: https://developers.facebook.com/docs/ar-studio/docs/plane-tracker/