Wenn Sie einen Blog oder eine Webseite haben, brauchen Sie bestimmt ein Video auf Ihrer Website oder -seite zu unterbringen, damit Ihre Freunde sich es ansehen können. Natürlich kann man das Video auf einen Service wie YouTube hochladen, aber wir bieten Ihnen eine bessere Lösung: Mit dem Programm AVS Video to Flash kann man das Video für das Web umwandeln und sogar eine Auszeichnung Ihrer Webseite mit dem Video erstellen. Folgen Sie einfach den unten gegebenen Hinweisen, um zu erfahren, wie man Videos umwandelt und die Auszeichnung der erstellten Webseite macht.
[Nach oben]
Nachdem Sie den AVS Video to Flash installiert haben, können Sie es ausführen und Videodateien für Ihre Webseite umwandeln. Bitte, lesen Sie die Benutzeranleitung "Wie wandelt man ein Video für eine Webseite um?", um zu erfahren, wie man das macht.
Der Umwandlungsvorgang wird einige Zeit in Anspruch nehmen, abhängig von der Größe der Quelldatei, den Umwandlungsparametern und der Konfiguration Ihres Rechners. Sobald die Umwandlung abgeschlossen ist, wird das folgende Fenster erscheinen, das unterschiedliche Optionen für das erstellte Video und die Webseite bieten wird:
Bitte, wählen Sie die Option Suchen, um die erstellte Seite zu bearbeiten.
[Nach oben]
a. Fertige Dateien und Seitenauszeichnung
Nachdem die Schaltfläche Suchen betätigt wurde, wird das folgende Fenster von Windows Explorer geöffnet:
Man kann folgende Dateien da sehen:
avs4you_player.swf - der Name des Players, der vom Programm erstellt wurde, damit das erstellte Video auf der Webseite abgespielt wird;
Glass.swf - der Name des für den Player gewählten Skins (stattdessen können auch Mech.swf, Plastic.swf, Platinum.swf, Wood.swf und Youtube.swf sein, abhängig vom Skin, sehen Sie Schritt 3 der Benutzeranleitung "Wie wandelt man ein Video für eine Webseite um?");
index.htm - die erstellte HTML-Seite, die bearbeitet werden kann, so dass ihrer Stil dem der Startseite oder des Webblogs passt;
MOV006_NEW.flv - der Name des umgewandelten Videos (hängt vom Namen der Quellvideodatei ab, wenn Sie den Standardnamen Ihrer Ausgabedatei benutzen, sehen Sie Schritt 5 der Benutzeranleitung "Wie wandelt man ein Video für eine Webseite um?");
swfobject.js - die Skriptdatei, die notwendig ist, damit Ihre Webseite korrekt funktioniert.
Bitte, öffnen Sie die Datei index.htm mit Ihrem Lieblingswebeditor.
Hinweis: Wenn Ihr Webeditor zwei Modi hat:
'Design'-Modus und
'Quelle'-Modus (oder so was in der Art), müssen Sie den
Quellbearbeitungsmodus wählen, um die Seitenauszeichnung sehen und ändern zu können.
Am Anfang wird die Seite so einen Kode enthalten:
<html>
<head>
<title>AVS FLV Player</title>
<META http-equiv="content-type" content="text/html; charset=utf-8">
<script type="text/javascript" src="swfobject.js"></script>
<style type="text/css">
body { background-color: #FFFFFF; font: .8em/1.3em verdana,arial,
helvetica,sans-serif }
#flashcontent { border: solid 0px #000; width: 400px; height: 300px;
float: left }
</style>
</head>
<body>
<div id="flashcontent">
<strong>You need to upgrade your Flash Player.</strong>
</div>
<script type="text/javascript">
var so = new SWFObject('avs4you_player.swf', 'player', '400', '300',
'7', "#000000");
so.addParam("allowScriptAccess","always");
so.addParam("allowFullScreen","true");
so.addParam("wmode", "window");
so.addParam("scale", "noscale");
so.addVariable("file", "MOV006_NEW.flv");
so.addVariable("height", "400");
so.addVariable("width", "300");
so.addVariable("theme", "Youtube.swf");
so.addVariable("repeat", "1");
so.addVariable("autostart", "0");
so.addVariable("image", "");
so.addVariable("volume", "50");
so.addVariable("scaleonresize", "none");
so.addVariable("top_caption", "");
so.addVariable("bottom_caption", "");
so.addVariable("v", getQueryParamValue("v"));
so.write("flashcontent");
</script>
</body>
</html>
Wenn Sie nur Standardeinstellungen benutzt haben, wird die Seite so aussehen (klicken Sie hier, um die Seite zu sehen).
b. Hinzufügen des Texts
Man kann auch einen Text oder Bilder auf Ihrer Webseite unterbringen, indem man sie nach dem abschließenden Tag </div> hinzufügt:
<div id="flashcontent">
<strong>You need to upgrade your Flash Player.</strong>
</div>
<p>If you have a blog or a home page you might for sure need sometimes
to put a video of yours onto your web-site or your web-page for your friends
to see it. Of course, you can upload a video to some service - YouTube or
something alike - but we have a better solution for you: AVS Video to Flash
program will convert your video for web and even create a markup for the
web-page with the video. Simply follow the steps below.</p>
Genauso kann ein anderer Text mit den Tags <p>...</p> hinzugefügt werden.
Klicken Sie hier, um das Seitenbeispiel zu sehen
c. Ändern der Playerposition
Wie Sie sehen, wurde der Text rechts von dem Player untergebracht, wegen der Eigenschaft 'float', die in der Sektion 'style' der Webseite angegeben ist. Dadurch wird das Video links vom Text untergebracht:
<style type="text/css">
body { background-color: #FFFFFF;
font: .8em/1.3em verdana,arial,helvetica,sans-serif }
#flashcontent { border: solid 0px #000;
width: 400px;
height: 300px;
float: left }
</style>
Man kann auch den Wert 'float: right' benutzen, wenn Sie möchten, dass sich das Video rechts vom Text befindet:
<style type="text/css">
body { background-color: #FFFFFF;
font: .8em/1.3em verdana,arial,helvetica,sans-serif }
#flashcontent { border: solid 0px #000;
width: 400px;
height: 300px;
float: right }
</style>
Klicken Sie hier, um das Seitenbeispiel zu sehen
Wenn Sie möchten, dass Ihr Video in der Mitte der Webseite liegt und ein Text davor und danach hinzugefügt wird, muss man folgende Änderungen an der Seitenauszeichnung vornehmen:
Benutzen Sie bei der Eigenschaft 'float' im #flashcontent den Wert 'float: none;'.
Fügen Sie die Eigenschaft 'margin' zum #flashcontent hinzu - 'margin: auto;'.
Fügen Sie die Eigenschaft 'text-align' zum Element body hinzu - 'text-align: center;'.
Fügen Sie die Eigenschaft 'text-align' zum Element p hinzu - 'text-align: justify;'.
Unterbringen Sie den Text zwischen den Tags <p>...</p> vor den Elementen <div>...</div>: das ist der Text, der sich vor dem Video auf dieser Seite befinden wird.
Ändern Sie den Titel der Seite: er liegt zwischen den Tags <title>...</title>.
Danach wird die Seitenauszeichnung so aussehen:
<html>
<head>
<title>My Page with the Video Converted with
AVS Video to Flash</title>
<META http-equiv="content-type" content="text/html; charset=utf-8">
<script type="text/javascript" src="swfobject.js"></script>
<style type="text/css">
body { background-color: #FFFFFF; font: .8em/1.3em verdana,arial,helvetica,
sans-serif; text-align: center; }
#flashcontent { border: solid 0px #000; width: 400px; height: 300px;
float: none; margin: auto; }
p { font-size: 1em; text-align: justify; }
</style>
</head>
<body>
<p>If you have a blog or a home page you might for sure need sometimes
to put a video of yours onto your web-site or your web-page for your friends
to see it. Of course, you can upload a video to some service - YouTube or
something alike - but we have a better solution for you: AVS Video to Flash
program will convert your video for web and even create a markup for the
web-page with the video. Simply follow the steps below.</p>
<div id="flashcontent">
<strong>You need to upgrade your Flash Player.</strong>
</div>
<p>The conversion process will take some time depending on the source
file size, conversion parameters and your computer configuration. When the
conversion is over, the following window will offer possible actions for
your created video and the web-page.</p>
<p>Note: if your web editor has two modes - 'Design' mode and 'Source'
editing mode (or something like that), you need to choose the source editing
mode to be able to see and change the page markup.</p>
<script type="text/javascript">
var so = new SWFObject('avs4you_player.swf', 'player', '400', '300',
'7', "#ffffff");
so.addParam("allowScriptAccess","always");
so.addParam("allowFullScreen","true");
so.addParam("wmode", "window");
so.addParam("scale", "noscale");
so.addVariable("file", "MOV006_NEW.flv");
so.addVariable("width", "400");
so.addVariable("height", "300");
so.addVariable("theme", "Youtube.swf");
so.addVariable("repeat", "1");
so.addVariable("autostart", "0");
so.addVariable("image", "");
so.addVariable("volume", "50");
so.addVariable("scaleonresize", "none");
so.addVariable("top_caption", " ");
so.addVariable("bottom_caption", " ");
so.addVariable("v", getQueryParamValue("v"));
so.write("flashcontent");
</script>
</body>
</html>
Und klicken Sie hier, um die erstellte Seite zu sehen.
Nun muss man die erstellte Seite und ALLE Dateien, die am Anfang von Schritt 3 aufgezählt wurden, auf Ihren Server per FTP-Client übertragen.
Hinweis: Wenn Sie Ihre Webseiten auf einem Webserver unterbringen, der unter dem Betriebssystem Microsoft 2003 Server funktioniert, muss man wahrscheinlich ihn zusätzlich konfigurieren, so dass er die flv-Videodateien streamen kann. Bitte lesen Sie die
Online-Hilfe, um mehr darüber zu erfahren.
Vergessen Sie nicht, den Link zur Seite mit Ihrem Video an all Ihre Freunde zu schicken!
[Nach oben]
Bitte beachten Sie, dass AVS4YOU Programme nicht erlauben, kopiergeschützte Materialien zu kopieren und benutzt werden können, um eine Sicherheitskopie nur zum persönlichen Gebrauch zu erstellen. Sie können diese Software zum Kopieren der Materialien benutzen, wenn das Urheberrecht bei Ihnen liegt oder Sie eine Kopiergenehmigung vom Urheberrechtsinhaber erhalten haben.