javascript - gifリプレイを数える

Question

アニメーションGIFがjavascript/jqueryで再生された回数を数えることは可能ですか？

Answer 1

いいえ、それは不可能です。

ただし、アニメーションの継続時間を使用して間隔を作成するsetIntervalと、カウンターが増加します。

Answer 2

@ThiefMasterが言うように、GIFアニメーションではこれを行うことはできません。

ただし、javascriptアニメーションを使用して目的を達成することができます。

アニメーションのフレームをGIFアニメーションで保存するのではなく、水平または垂直に1つのPNGファイルに続けて（つまり、フィルムのリールのように）保存します。

一度にアニメーションの1フレームしか表示されないサイズの要素に画像を表示し、Javascriptを使用して、setIntervalまたはを使用して一定の間隔で画像のCSSオフセットを調整しsetTimeoutます。

この手法は、CSSスプライトアニメーションとして知られています。これは簡単に実行でき、基本的にはWeb上でスポットグラフィックアニメーションを実行するための標準的な方法です（GIFアニメーションはすっごく1998年です）。

Googleは、詳細を確認するのに役立つ多くのリソースを提供します：https ://www.google.com/search?q=css+sprite+animations

また、この質問に対する受け入れられた回答を読むこともできます。アニメーション化されたCSSスプライトの代わりにアニメーション化されたGIFを使用しないのはなぜですか。