ユーザーの Facebook プロファイルと拡張されたソーシャル グラフからコンテンツ資産をインポートし、これらの資産をタイムライン内に統合する、パーソナライズされたビデオを備えた Facebook アプリを構築したいと考えています。Flash の使用を考えていますが、アプリがモバイルで動作することが重要な条件であるため、HTML5 を使用する必要があります。私の質問は: Flash を使用してアプリケーションをビルドし、アプリを HTML5 としてコンパイルできますか? または、プログラミング レイヤーを備えた HTML5 ビデオ ツールキットの形式で、Web アプリのビルド/アクセスを可能にする代替ソリューションがありますか?フェイスブック API?
2 に答える
いくつかのインタラクティブ ビデオ アプリと、最近のプロジェクトの 1 つが、ご質問の内容とまったく同じであることに気付きました。
Adobe Flash を使用してモーションを追跡し、create.js を介してプロジェクトを公開しました。create.js 内から画像シーケンスを取得したり、ビデオを背後のレイヤーに配置したりできます。このビデオは、jquery を介して create.js モーション トラッキング シーケンスのプレイヤー ヘッド タイムを制御します。
うまくいきました-ここに、画像シーケンスを含むテストセットアップへのリンクがあります。ビデオ統合は次のステップです。
http://www.jungeroemer.net/projekte/testpersvid/elftest01.html
(ドイツ語のテキスト、申し訳ありませんが、そこを読むことは重要ではありません。画像をクリックしてください)
リンクからソースをダウンロードできます。必要に応じて、フラッシュ ファイルをアップロードして、モーション トラッキングを表示することもできます。
私はこれを何年にもわたって数回行ってきましたが、はい、フラッシュが最も簡単でしたが、純粋に HTML5 ベースになることがわかっているいくつかのオプションがあります。彼の邪魔になるだけです:
1- 最もクリーンな方法は、変数を受け入れるようにプログラムできるサーバー側のビデオ合成ツールを使用することです。個人的には、ffmpeg を使用してこれを行ったことがありますが、いくつかの代替手段があります。基本的なプロセスは、FB からメディアを取得し、シェル スクリプトを使用してサーバー上にあるベース ビデオの上部/下部/周囲の特定のポイントでそれらを合成し、メディア アセットを変数として渡すことです。これをどのように行うかについては、非常に多くのオプションがあります。おそらく、これらの例のいくつかを確認するのが最善の方法です。
前回これを行ったときは vhook とカスタム フィルターを使用していたことに注意してください。vhook は現在非推奨です。
アプリが人気がある場合、この方法はかなり重いサーバー負荷を意味しますが、おそらくデバイス間で最も堅牢です.
2- Popcorn.jsを使用し、クライアント側で処理を実行させます。css/js/html を使用してハードコーディングすることもできますが、ポップコーンは非常に安定していますが、デバイスでの動作は確認していませんが、理論的には動作するはずです (すべて標準化されたテクノロジ)。基本的には、javascript を使用して、事前設定されたキュー ポイントでビデオ ベース ファイルにオーバーレイされた画像の表示を起動するプロセスです。ポップコーンには、これを行うためのすべての方法と手段が既に用意されています。
これが少し役立つことを願っています。がんばれ、楽しそうですね。