Unterschiede
Hier werden die Unterschiede zwischen zwei Versionen angezeigt.
Nächste Überarbeitung | Vorhergehende ÜberarbeitungNächste ÜberarbeitungBeide Seiten der Revision | ||
einbinden_von_videos_podcasts_in_eine_webseite [2011/06/15 17:46] – angelegt jz1001 | einbinden_von_videos_podcasts_in_eine_webseite [2013/10/23 15:40] – [Einbidnen von mp3 Audiodateien] mg1023 | ||
---|---|---|---|
Zeile 1: | Zeile 1: | ||
- | <note important> | + | ====== Einbinden von Videos |
+ | <note important> | ||
+ | Damit das Video mit diesem Skript in eine Webseite eingebunden werden kann, muss die Videodatei zuerst auf den Videoserver hochgeladen werden. | ||
Das Video liegt bereits in einem passendem Format (MPEG-4, FLV mit Streaming - siehe „[[videokonvertierung|Konvertieren von Videos]]“) vor. Zum hochladen der Videodatei öffnen Sie im Webbrowser folgenden Link: | Das Video liegt bereits in einem passendem Format (MPEG-4, FLV mit Streaming - siehe „[[videokonvertierung|Konvertieren von Videos]]“) vor. Zum hochladen der Videodatei öffnen Sie im Webbrowser folgenden Link: | ||
+ | |||
+ | ====== Hochladen der Audio bzw. Video Datei auf den Podcastserver ====== | ||
https:// | https:// | ||
Zeile 15: | Zeile 19: | ||
Anschließend noch auf Veröffentlichen klicken. | Anschließend noch auf Veröffentlichen klicken. | ||
- | Ihr Video wird nun auf den Server hochgeladen. | + | Ihr Video wird nun auf den Server hochgeladen |
- | Sie erhalten | + | Sie erhalten |
- | Öffnen Sie den in der Emailbenachrichtigung | + | ====== Einbinden in eine Webseite====== |
+ | |||
+ | Öffnen Sie den in der Email enthaltenen Link zu Ihrem Video.\\ | ||
{{: | {{: | ||
Zeile 26: | Zeile 32: | ||
Sie müssen nur den Teil ab movie/.. in das unten stehende Skript kopieren und dieses in Ihre Webseite einbinden. | Sie müssen nur den Teil ab movie/.. in das unten stehende Skript kopieren und dieses in Ihre Webseite einbinden. | ||
+ | ==== Einbinden von Videos ==== | ||
+ | Diese Skript kopieren Sie in Ihre Webseite und ändern den Pfad zum Video: | ||
+ | |||
+ | <script type=" | ||
+ | <script type=" | ||
+ | var embedHTML = new media(' | ||
+ | embedHTML.writeHTML(); | ||
+ | </ | ||
- | Skript | + | |
+ | Die Zahlen 360,640 hinter dem Videopfad im Skript | ||
+ | \\ | ||
+ | **Beispiel: | ||
+ | Die HTTP-Adresse im Webbrowser lautet:\\ | ||
+ | http:// | ||
+ | Dann muss in dem Skript die Zeile mit "var embedHTML = new media...." | ||
- | <note tip>< | + | |
- | <script type=" | + | <script type=" |
- | var embedHTML = new media(' | + | var embedHTML = new media(' |
- | embedHTML.writeHTML(); | + | embedHTML.writeHTML(); |
- | </ | + | </ |
- | </note> | + | |
+ | \\ | ||
+ | |||
+ | **Erklärung der Zeile new media: | ||
+ | \\ | ||
+ | Zwischen den einzelnen Hochkommas '' | ||
+ | |||
+ | ('Pfad Videodatei',' | ||
+ | \\ | ||
+ | |||
+ | **Beispiel mit Posterbild: | ||
+ | Kopieren Sie Ihr Posterbild auf Ihren Webserver und fügen die vollständige URL in das Skript hinter der Videogröße und zwischen den zwei Hochkommas '' | ||
+ | http:// | ||
+ | Dann muss in dem Skript die Zeile mit "var embedHTML = new media...." | ||
+ | |||
+ | | ||
+ | <script type=" | ||
+ | var embedHTML = new media(' | ||
+ | embedHTML.writeHTML(); | ||
+ | </ | ||
+ | |||
+ | |||
+ | **Beispiel mit Posterbild und mit Playbutton-Titel: | ||
+ | Sie können am Playbutton einen Titel einfügen zum Beispiel "Play Podcast" | ||
+ | Dann muss in dem Skript die Zeile mit "var embedHTML = new media...." | ||
+ | |||
+ | | ||
+ | <script type=" | ||
+ | var embedHTML = new media(' | ||
+ | embedHTML.writeHTML(); | ||
+ | </ | ||
+ | |||
+ | Dann sieht der Player folgendermaßen aus:\\ | ||
+ | \\ | ||
+ | {{: | ||
+ | \\ | ||
+ | **Mehrere Videos gleichzeitig auf eine HTML-Seite einbinden**\\ | ||
+ | \\ | ||
+ | Jedes Video benötigt eine eindeutige und gültige Player-ID. Wenn Sie also mehrere Videos auf eine einzige HTML-Seite einbinden möchten, dann müssen Sie jedem Video eine eindeutige ID geben. Ändern Sie dazu am Ende der Zeile "var embedHTML = new media..." | ||
+ | |||
+ | ==== Einbidnen von mp3 Audiodateien ==== | ||
+ | Sie könne Audiodateien auf zwei verschiedene Arten einbidnen: zum einen als flachen, einzeiligen Player und zum anderen als " | ||
+ | |||
+ | === Flacher Player === | ||
+ | |||
+ | Dieses Skript kopieren Sie in den Quelltext (HTML) ihrer Webseite und ändern den Pfad zur Audiodatei: | ||
- | Die Zahlen 240,320 hinter dem Videopfad im Skript definieren die Videogröße | + | <script type=" |
+ | <script type=" | ||
+ | var embedHTML = new media(' | ||
+ | embedHTML.writeHTML(); | ||
+ | </ | ||
- | {{tag> | + | {{tag> |