0

Webサイトのロード時にAfterEffectsからアニメーションを表示するための最良の方法は何ですか？

すべての主要なブラウザとiOSデバイスでロード画面のように再生する必要があります。

これを示すための最良の方法は何ですか？

html5を試しましたが、iPadで自動再生が機能しませんでした。フラッシュは使いたくない。アニメーションはJavaScriptだけでは複雑すぎます。高品質のアニメーションGIFを作成する価値はありますか？

4

2 に答える 2

4

事実上すべてのオンロードビデオでの主な問題は、特にモバイルデバイスでのロード時間とバッファ時間です。スプラッシュ画面の読み込みに30分かかる場合、エクスペリエンスは非常に劣り、動画の品質を低くする以外に、読み込み時間を短縮するために実際にできることはほとんどありません（大きなアニメーションGIFでも同じ問題が発生します）。

可能であれば、純粋なHTML5アニメーション効果を使用してアニメーションをコーディングしてみることをお勧めします。それらはより速くレンダリングし、静止画像、javascript、CSSのみを使用し、最新のデスクトップおよびモバイルブラウザとより広く互換性があります。

于 2012-09-08T01:10:34.743 に答える
1

残念ながら、iOSデバイスでhtml5ビデオを自動再生することはできません。少なくともiOS5の時点で、Appleは自動再生とプリロードの両方を無効にしており、おそらく限られた、または高価なモバイルデータプランを利用している可能性のあるユーザーの帯域幅を節約するためです。

ビデオをスキップする意思がない限り、唯一の回避策は、訪問者にページ上の何かをクリックまたはタッチさせることです。モバイルSafariでは、（ネイティブプレーヤーコントロールではなく）Javascriptメソッドを使用してビデオを再生できますが、最初の呼び出し.play()は「クリック」または「タッチ」イベントハンドラーから行う必要があります。

この要件をiPadに制限し、デスクトップブラウザーでの自動再生を許可することはできますが、信頼できる機能検出方法はないように思われるため、ユーザーエージェント文字列（navigator.userAgent）を解析する必要があります。

Mobile Safariがビデオで行う奇妙で非標準的なことに関するドキュメントはあまりありませんが、この記事には非常に優れた詳細情報とコードサンプルがいくつかあります：http： //blog.millermedeiros.com/html5-video-issues -on-the-ipad-and-how-to-solve-them /

編集：そして、Appleが独自のサイトで使用しているこの手の込んだばかげた回避策があります。 https://docs.google.com/document/pub?id=1GWTMLjqQsQS45FWwqNG9ztQTdGF48hQYpjQHR_d1WsI

于 2012-09-15T06:40:34.477 に答える