一般教書演説 ( http://www.whitehouse.gov/state-of-the-union-2013 ) を見ていたら、大統領のビデオ ストリームと一緒に表示されたグラフィックの補足を見たことでしょう。彼の要点を説明します。
サイトの動画はこれを合成したものですが、ライブ配信時は別々に扱っていました。
私の質問は次のとおりです。これを行うための最良のアプローチは何ですか? 特に、グラフィックスの外観を非常に厳密に制御したい場合 (つまり、要点が作成される前でも後でもなく、その時点で)。
これを容易にするツールが存在するかどうか疑問に思っていますか? 私はグーグルを精査してきましたが、私が説明していることについて正しい技術語彙を持っているとは思いません。
AJAX は良い出発点になると思いますが、彼らが持っていたレベルの制御を達成する方法や、物事のバックエンドを処理する方法がわかりません。
この課題に遭遇する可能性のある人のために、解決するための 2 つの方法を考案しました。
1 つ目はちょっとしたミッキー マウスです。使用する画像の数などを事前に把握しておく必要があります (ほとんどの場合、事前に把握しておく必要があります)。画像を繰り返し要求してページに挿入し、画像を見つけたらチェーン内の次の画像を要求するスクリプトを作成しました。
すなわち。デフォルトの画像を表示 -> リクエスト画像 1
次に、画像 1 を表示 -> リクエスト画像 2
など
画像をサーバーに入れる準備ができたら、サーバー上のフォルダーに画像をドロップするだけです。これの利点は、他のコンテンツへのリンクなどを使用して、画像をインタラクティブにできることです。
もちろん、大きな欠点は、ページに対する不要なリクエストが大量に発生することです。私たちの場合、賢明とは思えないほどの十分なトラフィックが予想されました。また、ミスの可能性がたくさんあり、タイマーが起動する頻度によっては、タイミングの不一致が発生する可能性があります.
2 つ目はお金がかかります: Ustream プログラム (http://www.ustream.tv/producer) を見つけました。これにより、タイミングに関して必要なすべての画像制御が可能になり、メディア クリップなどのサポートを提供できるという利点があります。ストリーミングされたすべてを記録します。
欠点は、ユーザーに表示されるのはサイトに統合されたビデオであるため、関連するコンテンツへのリンクを処理し、画像を提供する必要があることです (ユーザーがそれらにアクセスできるようにする場合)。
これが誰かに役立つことを願っています
最初の方法をより効果的にする方法についての提案を歓迎します