时间戳

首页 > 解决方案 > 如何在 Facebook AR studio 中使用 mp4 视频作为外部纹理？

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

问题描述

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

我想做一个基于标记的 AR，就像我通常用 Vuforia 做的那样。

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

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

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

是否有外部视频纹理的播放控件？

谁能帮我播放有关扫描跟踪器的视频？

标签： javascriptspark-ar-studio

解决方案

我们有同样的问题。诀窍（或 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');
});

希望这可以帮助！

推荐阅读