web-dev-qa-db-ja.com

Facebook ARスタジオで外部テクスチャとしてmp4ビデオを使用する方法は？

私はFacebook Spark Studioに初めて取り組んでいます。

普段Vuforiaでやっているように、マーカーベースのARをやりたかったのです。

マーカーをスキャンしてmp4ビデオを再生したかった。

Facebook ARスタジオのドキュメントを読みました。ここでは、pngおよびjpgファイル形式のみをサポートしています。

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

外部ビデオテクスチャの再生コントロールはありますか？

トラッカーのスキャンでビデオを再生するのを手伝ってくれる人はいますか？

javascriptspark-ar-studio
5
Subbu

同じ問題がありました。秘訣（または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');
});

お役に立てれば！

2
Laurent

オンラインでホストされているビデオテクスチャをリンクすることにより、「外部テクスチャ」を使用してそれを行うことができます。

  1. マテリアルを作成する
  2. マテリアルの拡散テクスチャプロパティで、[新しい外部テクスチャ]を選択します
  3. テクスチャプロパティで、ビデオのURLをURLフィールドに入力します

enter image description hereenter image description here

トラッカーを使用するには、PlaneTrackerオブジェクトのドキュメントを参照してください： https://developers.facebook.com/docs/ar-studio/docs/plane-tracker/

0
JackKalish