問題タブ [preloadjs]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
createjs - LoadQueue の preloadjs マニフェストでオーディオ ファイルが重複しています
preloadjs の LoadQueue クラスで使用するマニフェスト配列を設定しています。マニフェストでは、オーディオ ファイルと画像ファイルの両方のソースを参照しながら、それぞれに一意の ID を作成しています。これはすべてうまく機能していました。
ただし、音声/画像ファイルは CMS データベース (Wordpress カスタム投稿タイプ) から選択されているため、同じ音声が複数回選択される場合があります。つまり、同じオーディオ ファイルがマニフェストに複数回表示される場合があります。これが発生すると、結果の LoadQueue インスタンスの最後の IMAGE 参照が「未定義」を返す非常に奇妙なバグが発生します。マニフェスト配列のどこで重複したオーディオが発生しても問題ありません。それは常に、未定義を返す LoadQueue インスタンスの最後の IMAGE オブジェクトです。
重複したイメージ ファイルは問題を引き起こしません。
これは preloadjs のバグですか? (もちろん、同じ音声ファイルの複数のコピーをロードするのは無駄ですが、私の使用例では、小さなファイルと限られた数の投稿について話しています)
編集: LoadQueue の「完了」イベントは、最後の「fileLoad」イベント (最後の画像) が発生する前に発生していると判断しました。これが、「完了」イベントのハンドラーで要求されたときに最終的な画像が未定義になる理由です。繰り返しますが、これは重複したオーディオ ファイルがある場合にのみ発生します。
EDIT2: 問題をさらに絞り込むために、オーディオ ファイルのみをロードするマニフェストを作成し、「fileload」イベントと「complete」イベントをトレースしました。追加の複製オーディオ ファイルごとに、そのファイルに対して発生する「fileload」イベントの数が 1 ずつ増加します (2 回の重複 = そのファイルに対して fileload が 3 回発生し、3 回の重複 = そのファイルに対して fileload が 4 回発生するなど)。さらに、余分なコピーがファイルの LoadQueue インスタンス配列に追加されます (getResult によってアクセスされます)。
ただし、「完了」イベントはマニフェストの長さに達すると発生するため、完了イベントの後に追加の fileloaded イベントが発生します。これによる害は、ファイルが混在するマニフェストがある場合に発生します。私の場合、作成された余分な重複オーディオ ファイルによって、画像ファイルがキューの最後にプッシュされています。また、「完了」はマニフェストの長さの最後で正しく起動されるため、キューの最後にプッシュされた画像ファイルがロードされる前に起動され、キューの完了後にそれらのファイルがそこにあることを期待するコードでエラーが発生します。
オーディオ用と画像用の 2 つの LoadQueue インスタンスを作成することで、これを回避しています。オーディオ キューが「完了」すると、画像を作成し、別のマニフェストから読み込みます。ただし、メモリ内に複製されたオーディオ ファイルの無用な複製が複数あるように見えるため、これは考えではありません。そして、この数は、CMS で選択される複製が追加されるたびに指数関数的に増加します。
javascript - xhr の代わりに PreloadJS タグをロードする
大規模なアセットの読み込みにpreloadjsを使用しています。私は 60 以上の jquery プラグインのような多くの js ライブラリを使用しています。アセットのロードの進行状況をプログレスバーとリストファイルで表示し、正常にロードされたものと失敗したものを表示する素敵なローダーが欲しいだけです。
- 簡単な例を使用して問題を表示しています。
- 以前はXHR
new createjs.LoadQueue(true)
を使用してコンテンツをロードしていましたが、スクリプトをロードするための昔ながらのタグと比較して、XHR は非常に遅いことがわかりました。ドキュメントに従って、XHR の代わりにタグベースの読み込みを使用してコンテンツを読み込むように切り替えたいのですが、方法がわかりません。以下のコードをご覧ください
目的:
- タグベースの読み込みを使用する方法??
- 旧式の
<script>
タグが preloadjs XHR よりも速くスクリプトをロードするというのは本当ですか?
コード:
haxe - 外部マニフェスト コンテンツの読み込みに失敗する Haxe CreateJS
Haxe と CreateJS (externs) を使用してアプリを構築しようとしています。マニフェストの読み込みで問題が発生しています。
コードは次のとおりです。
mymanifest.json の内容:
mymanifest.json がロードされていることに気付きましたが、どのイメージもロードされていません。
onQueueError
トリガーしないので、タイプミスや不正なエラーはないと思います...
検証方法:
ブラウザーでコンソールを見て、ネットワーク負荷を確認しました... コンソールには、エラー トレースやソートは表示されません。ネットワークに画像の負荷が表示されません...
javascript - Internet Explorerのcreatejs-preloadjsでサウンドをプリロードしない
100 以上のサウンド ファイルをロードする必要があります。Mozilla、chrome、safari では正常に動作しますが、Internet Explorer では動作しません。
Internet Explorer で 60 以上のサウンドが完全にロードされない
一度に読み込める最大のサウンド ファイルはいくつですか?
javascript - CreateJs/Preloadjs moduleLoad エンコード イメージをマニフェストに
manfiest から画像をロードしようとする create js を使用して html5 クリエイティブをビルドしています。インライン html をビルドするために、画像パスをエンコードされた画像に置き換えることはできますか
既存のコード:
test_logo.png をエンコード文字列に置き換えようとしましdata:image/png;base64,iVBORw0KGgoAAAANSUhE
たが、XMLHttpRequest がファイルを読み込めないためエラーが発生しましたクロスオリジン要求は、http、data、chrome、chrome-extension、https、chrome-extension-resource のプロトコル スキームでのみサポートされています。
これを乗り越える方法があれば教えてください。
ありがとう。
javascript - createjs で作成されたフリップブックとプリロード js には 15 分かかります。ページを読み込む
createjs とプリロード js によって作成されたフリップブックで、15 分かかります。ページをロードします。300 以上の画像が含まれています。 http://www.mentalimage.com.au/perkins/05/index.html どうすればこの問題を解決できますか?
javascript - createjs フラッシュ cc、別のマニフェストのプリロード
Flash CC で構築されたアニメーション ベースの html プロジェクトがあり、プリロードを個別に行うのに苦労しています。
私がやろうとしていることは次のとおりです。
- 1 つの画像を読み込み (「お待ちください」と表示)、createjs エクスポートを行います。
- アニメーションはタイムラインの先頭で停止します。ここで関数を呼び出します。
- いくつかのアセットをロードします。
- アニメーションを開始
- タイムライン上の特定のポイントでアニメーションを停止します。次に、アニメーションの次の部分のアセットを読み込みます。
- ロードが完了したら、アニメーションを続行します。等
すべてのアセットを読み込んでアニメーション全体を再生しても問題ありません。しかし、マニフェストを分離することになると。必要なファイルをロードしてアニメーションを続行しますが、ロードされた画像がキャンバスに表示されません。
以下のコードをhtmlのinit.jsファイルとして使用しています。
「getResult」のことだと思っていたのですが、コードに実装できませんでした。喜んでお手伝いさせていただきます。
どうもありがとうございました。
scope - ES6、PreloadJS、スコープ
PreloadJS のコールバック関数では、スコープが失われています。アロー関数などのさまざまな方法を試しました (これは最高レベルでは有効ではありません... ヒントはありますか? (不正な形式のコード ブロック (クラス定義など) で申し訳ありません。まだこのエディターに慣れています。私を信じてください)作業コードです)...