Wie nehme ich eine CSS-Animation aus einem Browser und exportiere ein GIF davon?

Ich habe die folgende CSS3-Animation: http://dabblet.com/gist/2884702 . Es ist im Grunde eine Simulation eines Spiegels, der sich um seine x-Achse dreht.

Jetzt möchte ich das in einer PowerPoint-Präsentation präsentieren. Da PowerPoint nicht über die Webkit-Engine verfügt, möchte ich ein animiertes GIF-Bild dieser Animation extrahieren und in meine Präsentation einbetten.

Das Problem? Egal was ich versucht habe, ich konnte kein einigermaßen flüssiges animiertes GIF erstellen.

Ich habe gegoogelt und viele freie Software gefunden, die behaupten, den Job zu machen, habe mehrere ausprobiert, keine hat wie erwartet funktioniert. Ich habe IrfanView ausprobiert , das gleiche Problem (auch ihre Website bringt mich dazu, mich übergeben zu wollen).

Gibt es also eine Lösung? Oder bin ich dazu verdammt, es nicht anzeigen zu können?

Verwenden Sie Camstudio . Es ist kostenlos und erstellt ein Video von Ihrem Desktop und allem, was Sie anzeigen möchten.

Also ... starten Sie die Aufnahme, nehmen Sie ein kurzes Video der Animation auf, bearbeiten Sie das Video und schneiden Sie alles aus, was Sie nicht benötigen. Dort. Sie haben jetzt ein Video, das Sie entweder in Ihre Präsentation einbetten oder in eine animierte GIF-Datei konvertieren können.

BEARBEITEN Ok, Sie möchten also die AVI-Datei, die Sie daraus erstellt haben, in die Präsentation einbetten. Laut Microsoft ...

Methode 4: Fügen Sie den Film als Paket ein

Sie können eine Filmdatei als Paket in eine PowerPoint-Präsentation einfügen. Gehen Sie dazu folgendermaßen vor:

Klicken Sie im Menü Einfügen auf Objekt .

Klicken Sie auf Neu erstellen , und klicken Sie dann auf Paket unter Objekttyp .

Wenn Sie einen Film als Paket in eine PowerPoint-Präsentation einfügen, wird die Filmdatei in einem Paket gespeichert, das in die Präsentation eingebettet ist. Wenn Sie die Präsentation an einen anderen Ort verschieben, wird das Paket auch an diesen Ort verschoben.

Nur mit dieser Methode können Sie einen Film in eine PowerPoint-Präsentation einbetten. Ein Paket ist ein OLE2-Wrapper-Objekt, das einen OLE-Stream in eine Datei einbettet. Diese Datei registriert sich selbst als Packager-Objekt. Wenn das Packager-Objekt geöffnet wird, wird der Inhalt gelesen. Dann wird das entsprechende Erweiterungsverb aufgerufen. In der Regel wird eine .avi-Datei mit Windows Media Player verbaktiviert.

Sie können diese Option verwenden, wenn Sie sich keine Gedanken über die Größe der PowerPoint-Präsentation oder die Geschwindigkeit machen, mit der die Präsentation abgespielt wird. Stellen Sie bei Verwendung dieser Methode sicher, dass sich der gesamte Inhalt in einer Datei befindet. Wenn Sie diese Methode zum Einfügen größerer .avi-Dateien verwenden, können auf dem Computer Leistungsprobleme auftreten.

Filmwiedergabe

Gehen Sie folgendermaßen vor, damit das Packager-Objekt in einer Präsentation funktioniert:

Klicken Sie mit der rechten Maustaste auf das eingefügte Objekt, und klicken Sie dann auf Aktionseinstellungen .

Klicken Sie auf Objektaktionen . Klicken Sie dann auf Aktivieren Inhalt in der Objektaktionen Liste.

Wenn Sie in einer Präsentation auf das Packager-Objekt klicken, wird der Film in einem separaten Fenster über der Präsentation wiedergegeben.

Das ist aus diesem Microsoft-Artikel

Wenn Sie das AVI lieber in eine GIF-Datei konvertieren möchten , um das Einbetten zu vereinfachen, können Sie einen Online-Konverter wie Zamzar verwenden .

Sie können Cockos LICEcap ausprobieren . LICEcap ist eine GPL-freie Software. Es erfasst den Bildschirm direkt und speichert ihn in den Formaten .GIF oder .LCF.

Einige der Funktionen von LICEcap (von seiner Website):

Funktionen und Optionen:

• Nehmen Sie direkt in .GIF oder .LCF auf.
• Bewegen Sie den Bildschirmaufnahmebildrahmen während der Aufnahme.
• Unterbrechen Sie die Aufnahme und starten Sie sie mit optional eingefügten Textnachrichten neu.
• Globaler Hotkey (Umschalt + Leertaste) zum Umschalten der Pause während der Aufnahme
• Einstellbare maximale Aufnahme-Framerate, um die CPU-Auslastung zu drosseln.
• Grundlegender Titelrahmen mit oder ohne Text.
• Drücken Sie die Maustaste.
• Verstrichene Zeit in der Aufnahme anzeigen.

Sehen Sie sich eine GIF-Version Ihrer Animation an :)

Sie können testen: GifCam .

- Version 4.5 - 686 KB (einzelne Exe-Datei, keine Installation erforderlich). - Kompatibel mit Windows 8,7, Vista, XP.

• Praktische, einfache und unterhaltsame animierte App zum Erstellen von Gifs.
• Funktioniert wie eine Kamera, die über allen Fenstern bleibt, sodass Sie sie verschieben und ihre Größe ändern können, um den gewünschten Bereich aufzuzeichnen.
• GifCam hat nur eine mauszentrierte Oberfläche.

Einfache Aufnahme: Wenn Sie bereit sind, klicken Sie auf „Aufnahme“, um die Aufnahme zu starten, oder auf „Bild“, um ein einzelnes Bild aufzunehmen.

• Vollbild, um den Aufnahmebereich zu ignorieren und den Vollbildmodus zu erfassen.
• Vorschau: Vorschau mit Größe.
• Aufnehmen verschiedener Bildabmessungen (Größenänderung während der Aufnahme).
• Erfassungscursor: Nützlich zur Demonstration der Mausinteraktion.
• In AVI exportieren: Exportieren Sie Ihren Datensatz in unkomprimiertes Video.

Erfassen / Bearbeiten: Einfach und leistungsstark .

• Anpassen der Bildverzögerung, Löschen von Bildern / Hinzufügen oder Entfernen von Verzögerungen, Ändern der Größe, Zuschneiden, Hinzufügen von umgekehrten Bildern, 5 Farbeinstellungen, Farbton und Sättigung, Hinzufügen von Text usw.

Sie können die Online-Site http://html5animationtogif.com überprüfen . Dies ist ein online bezahlter Konvertierungsdienst. Gemäß meiner Beobachtung konnte ich GIF aus HTML-Animationen mit sehr kleiner Dateigröße konvertieren. Meine Gif-Dateigröße betrug nur die Hälfte des Gifs, das mit dem Desktop-Aufzeichnungstool aufgezeichnet wurde. Außerdem dauert das Konvertieren von CSS-Animationen in GIF im Vergleich zum Desktop-Tool länger