web-dev-qa-db-ja.com

ブラウザからCSSアニメーションを取り、そのGIFをエクスポートする方法は？

次のCSS3アニメーションが進行中です： http://dabblet.com/Gist/2884702 。これは基本的に、x軸を中心に回転するミラーのシミュレーションです。

今、私はそれをPowerPointプレゼンテーションで発表したいと思います。 PowerPointにはWebkitエンジンがないので、そのアニメーションのアニメーションGIF画像を抽出して、プレゼンテーションに埋め込みたいと思います。

問題？何を試しても、かなり滑らかなアニメーションGIFを作成することはできませんでした。

私はGoogleを使ってみて、その仕事をしていると主張する多くのフリーソフトウェアを見つけました、いくつか試してみましたが、どれも期待どおりに機能しませんでした。私は試してみましたIrfanView、同じ問題（彼らのサイトでも私が嘔吐したくなる）。

それで、解決策はありますか？それとも表示できないのでしょうか？

cssanimationanimated-gif
9
Madara's Ghost

Camstudio を使用します。これは無料で、デスクトップのビデオや、表示することを選択したものは何でも作成できます。

だから...録画を開始し、アニメーションの短いビデオを録画してから、ビデオを編集して、不要なものをすべて切り取ります。そこ。これで、プレゼンテーションに埋め込むか、アニメーションGIFファイルに変換できるビデオを入手できました。

[〜＃〜] edit [〜＃〜]わかりました。これで作成したAVIファイルをプレゼンテーションに埋め込みます。マイクロソフトによると...

方法4：ムービーをパッケージとして挿入します

ムービーファイルをパッケージとしてP​​owerPointプレゼンテーションに挿入できます。これを行うには、次の手順に従います。

挿入メニューで、オブジェクトをクリックします。

Create newをクリックし、Packageunderオブジェクトタイプ。

ムービーをPowerPointプレゼンテーションのパッケージとして挿入すると、プレゼンテーションに埋め込まれたパッケージ内にムービーファイルが保持されます。プレゼンテーションを別の場所に移動すると、パッケージもこの場所に移動されます。

この方法は、PowerPointプレゼンテーションにムービーを埋め込むことができる唯一の方法です。パッケージは、OLEストリームをファイルに埋め込むOLE2ラッパーオブジェクトです。このファイルは、自身をPackagerオブジェクトとして登録します。Packagerオブジェクトが開かれると、内容が読み取られます。次に、適切な通常、.aviファイルはWindows Media Playerで動詞でアクティブ化されます。

PowerPointプレゼンテーションのサイズやプレゼンテーションの再生速度を気にしない場合は、このオプションを使用できます。この方法を使用する場合は、すべてのコンテンツが1つのファイルに含まれていることを確認してください。この方法を使用して大きな.aviファイルを挿入すると、コンピューターでパフォーマンスの問題が発生する可能性があります。

動画再生

プレゼンテーションでPackagerオブジェクトを機能させるには、次の手順に従います。

挿入したオブジェクトを右クリックし、Action Settingsをクリックします。

Object Actionsをクリックします。次に、[（== --- ==）Object Actions]リストの（Activate Contents）をクリックします。

プレゼンテーションのPackagerオブジェクトをクリックすると、プレゼンテーションの上の別のウィンドウでムービーが再生されます。

それはこれからです Microsoft Article

これで、AVIをGIFファイルに変換して埋め込みを簡単にしたい場合は、 Zamzarのようなオンラインコンバーター を使用できます。

4
Bon Gart

Cockos LICEcapを試すことができます。 LICEcapはGPLフリーソフトウェアです。画面を直接キャプチャし、.GIFまたは.LCF形式で保存します。

LICEcapの機能の一部（そのWebサイトから）：

機能とオプション：

  • .GIFまたは.LCFに直接記録します。
  • 記録中に画面キャプチャフレームを移動します。
  • オプションでテキストメッセージを挿入して、録音を一時停止および再開します。
  • 記録中に一時停止を切り替えるグローバルホットキー（Shift +スペース）
  • CPU使用率を調整できるように、調整可能な最大記録フレームレート。
  • テキスト付きまたはテキストなしの基本的なタイトルフレーム。
  • マウスボタンの押下を記録します。
  • 記録の経過時間を表示します。

アニメーションのGIFバージョンをご覧ください:)

enter image description here

6
user425764

テストできます：GifCam 。

-バージョン4.5-686 KB（単一のexeファイルでインストールは不要）。 -Windows 8、7、Vista、XPと互換性があります。

  • 実用的で簡単で楽しいアニメーションGIF作成アプリ。
  • すべてのウィンドウの上に固定されたカメラのように機能するので、移動してサイズを変更し、目的の領域を記録できます。
  • GifCamには、マウス中心のインターフェースしかありません。

簡単にキャプチャ：準備ができたら、[Rec]をクリックして記録を開始するか、[Frame]をクリックして1つのフレームを記録します。

  • 記録領域を無視して全画面をキャプチャする全画面。
  • プレビュー：サイズでプレビューします。
  • 異なるフレームの寸法を記録する（記録中にサイズ変更）。
  • キャプチャカーソル：マウス操作のデモに役立ちます。
  • AVIにエクスポート：レコードを非圧縮ビデオにエクスポートします。

キャプチャー/編集：シンプルでパワフル。

  • フレーム遅延の調整、フレームの削除/遅延の追加または削除、サイズ変更、クロップ、逆フレームの追加、5色設定、色相と彩度、テキストの追加など...
0
decembre

オンラインサイト http://html5animationtogif.com を確認できます。これはオンラインの有料変換サービスです。私の観察によると、非常に小さなファイルサイズでHTMLアニメーションからGIFを変換することができました。私のGifファイルのサイズは、デスクトップの記録ツールで記録されたgifの半分でした。もう1つ、デスクトップツールと比較して、CSSアニメーションをGIFに変換するのに時間がかかります

0
Havda