Videos für HTML5-Websites vorbereiten

Der neue HTML5-Standard verbreitet sich mit Riesenschritten im Netz. Eines der wichtigen Elemente auf einer HTML5-Website sind Video und Animationen.

Es ist schon klar, dass HTML5 eine neue Ära in Webentwicklung angefangen hat. Zu den zahlreichen Vorteilen dieses Web-Standards gehört nicht zuletzt die Tatsache, dass Video- und Audiodateien in der höchsten Qualität abspielbar sind. Die Inhalte werden sehr schnell geladen und benötigen keine zusätzlichen Browser-Plugins, zum Beispiel, Flash, RealPlayer, Silverlight usw. Außerdem können die auf HTML5 basierenden Webinhalte auf allen Plattformen und Geräten angesehen werden. Alle populären Browser können diese Inhalte einwandfrei wiedergeben. Verfügen Sie schon über eine HTML5-Website oder haben Sie nur vor, Ihre Webpräsenz zu den letzten Standards anzupassen, benötigen Sie das Tool für die Umwandlung von Videos/Animationen in die HTML5-Formate: H.264, OGG Theora, WebM. Mit Freemake Video Converter ist es möglich, Videos in alle diese Formate zu bringen, ohne komplizierte Zusammenhänge zu erlernen. Der Hauptvorteil dieser Software besteht darin, dass sie nach der Umwandlung einen HTML5-Code zusammen mit dem erzeugten Video erstellt und zeigt, wie das Video in verschiedenen Browsern wiedergegeben wird. Folgen Sie bitte der unten angegebenen Schritt-für-Schritt-Anleitung, um diese Aufgabe zu meistern.

Wikipedia über HTML5

HTML5 ist eine textbasierte Auszeichnungssprache zur Strukturierung und semantischen Auszeichnung von Inhalten wie Texten, Bildern und Hyperlinks in Dokumenten. Die Sprache befindet sich zurzeit noch in der Entwicklung, es liegen aber berei...

Schritt 1. Programm starten

Besuchen Sie die offizielle Website von Freemake und laden Sie den Freemake Video Converter herunter (Version 3.0 oder spätere). Installieren Sie die Software auf Ihren PC und öffnen Sie es mit einem Klick auf das Programmsymbol.

Freemake Video Converter Hauptfenster

Schritt 2. Video hinzufügen

Eigentlich können Sie mehrere Videos von unterschiedlichen Quellen einfügen. Möchten Sie ein Video von der Festplatte hinzufügen, nutzen Sie dazu die "+Video"-Schaltfläche oder ziehen Sie einfach das Video mit der Maus ins Programm hinein. Um eine DVD hinzuzufügen, klicken Sie auf die "+DVD"-Schaltfläche und wählen Sie den Ordner VIDEO_TS aus. Möchten Sie ein Online-Video in die von HTML5 unterstützten Formate bringen, kopieren Sie den Link eines Web-Videos und klicken Sie auf "URL einfügen"-Schaltfläche.

Dateien hinzufügen

Schritt 3. Video bearbeiten (optional)

Sie können Videos von der Festplatte je nach Wunsch etwas bearbeiten, zum Beispiel, unerwünschte Teile entfernen oder Filme drehen und widerspiegeln. Mit dem Doppelklick auf das Video im Programmhauptfenster öffnet sich die Bearbeitungsform. Haben Sie irgendwelche Änderungen im Video gemacht, vergessen Sie am Ende nicht, auf OK zu klicken, um sie abzuspeichern.

Videos bearbeiten

Schritt 4. In HTML5 bringen

Finden Sie die HTML5-Schaltfläche in der Formatleiste unten. Möchten Sie diese Option regelmäßig benutzen, fügen Sie diesen Button den Favoriten hinzu, um ihn jeweils schneller zu finden. Klicken Sie auf die Schalftfläche "in HTML5" und stellen Sie die Umwandlungsparameter ein.

Format finden

Schritt 5. Profil auswählen

Im Fenster "Umwandlungsparameter für HTML5" wählen Sie das passende Profil aus: "Als Qualldatei", "HD 1080p”, "HD 720p”, 480p, 360p, 240p oder 180p.

Profil auswählen Tipp: Die meisten Online-Videos haben die Auflösungen 360p oder 240p. Konvertieren Sie das Video in die höhere Auflösung nur in dem Fall, wenn Ihre Filme im Vollbildmodus wiedergegeben werden.

Schritt 6. Videos umwandeln

Klicken Sie auf "Konvertieren". Als Ergebnis bekommen Sie den Ordner, der drei Videodateien in Formaten H.264, OGG Theora, WebM und eine Website mit dem HTML-Code für den Einbau beinhaltet.

Dateien im Ordner

Schritt 7. Videos auf Ihren Server hochladen

Nach der Umwandlung sollen Sie die erzeugten Videos auf Ihren Server hochladen. Alle Dateien sollen sich in demselben Ordner wie HTML-Seite mit dem Video befinden.

Anweisung