問題タブ [apng]
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.
javascript - Web ページで Animated .PNG (APNG) を一時停止する方法はありますか?
APNG ファイルをサポートしたいのですが、一部のページではカーソルを合わせてアニメーション機能を使用できるため、圧倒されることはありません。
ユーザー プロファイル画像のアニメーション バージョンと静止バージョンの両方を保存する必要はなく、最初のフレームでアニメーション .png ファイルを一時停止するだけです。
Javascript/jQueryでそれが可能になることを望んでいましたが、これを参照するものはまったく見つかりませんでした。アニメーションPNGファイルの処理方法についてはほとんど何も見つかりませんでした.
animation - APNG を生成するための FFMPEG 制御遅延とループ
ffmpeg を使用して (プロセスをテストするために) APNG アニメーションにするために使用したい JPG 画像の (ランダムな選択) があります。それらはすべて同じサイズ (256x256) です。しかし、フレーム遅延とループ制御 (永遠にループする) を制御するための正しい構文を取得できないようです。一連の画像から APNG を作成するときに、ffmpeg を使用してこれらのパラメータを設定することは可能ですか? もしそうなら、誰かが適切な構文を提供したり、コマンドの例を示したりできますか? ffmpeg のドキュメントを検索しましたが、関連する構文が見つからないようです。
私は次のことを行うことができますが、-delay も -loop も受け入れません。Imagemagick を使用して画像をパイプします。
これは機能しますが、ループせず、非常に高速に実行されます。
これにより、遅延やループに関するエラーが発生します。
また、ImageMagick を使用せずに、ffmpeg で一連の画像を入力として直接指定できるかどうかも知りたいです。
申し訳ありませんが、私はffmpegの比較的初心者です。私はffmpeg 4.2.1を使用しています。
javascript - 2 回目のページ更新後に APNG が同期しなくなる
APNG 画像を介してアニメーション化された UI を実現するアプリがあります。
各ブロックには、2 つの APNG 画像と 1 つの PNG 画像があります。
- 登場(APNG)
- ピンポン (APNG)
- 静的 (PNG)
最初のアニメーションが終了した直後に 2 番目のアニメーションを再生し、タッチ イベントの後にのみ PNG 画像を表示する必要があります。私はそれを行いましsetTimeout
たが、残念ながら、2回目のページの更新後、ブラウザーは一部のアニメーションを完全に無視し、一部はジッタリングを開始し、一部は不適切な瞬間に無効になります。
どうすれば問題を解決できますか? また、APNG アニメーションが終了する瞬間を捉えることはできますか? APNG 画像はイベントを発行しますか?
問題を確認するには、モバイル デバイスでアプリを開き、コードをスキャンします。