Unterschiede
Hier werden die Unterschiede zwischen zwei Versionen angezeigt.
Beide Seiten der vorigen RevisionVorhergehende ÜberarbeitungNächste Überarbeitung | Vorhergehende ÜberarbeitungNächste ÜberarbeitungBeide Seiten der Revision | ||
einbinden_von_videos_podcasts_in_eine_webseite [2011/08/02 14:26] – jz1001 | einbinden_von_videos_podcasts_in_eine_webseite [2013/10/23 15:40] – [Einbidnen von mp3 Audiodateien] mg1023 | ||
---|---|---|---|
Zeile 1: | Zeile 1: | ||
- | ====== Einbinden von Videos und Podcasts in eine Webseite ====== | + | ====== Einbinden von Videos und (Audio-)Podcasts in eine Webseite ====== |
<note important> | <note important> | ||
Damit das Video mit diesem Skript in eine Webseite eingebunden werden kann, muss die Videodatei zuerst auf den Videoserver hochgeladen werden. | 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 17: | 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 28: | 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: | Diese Skript kopieren Sie in Ihre Webseite und ändern den Pfad zum Video: | ||
- | <script type=" | + | <script type=" |
<script type=" | <script type=" | ||
- | var embedHTML = new media(' | + | var embedHTML = new media(' |
- | embedHTML.writeHTML(); | + | embedHTML.writeHTML(); |
</ | </ | ||
- | Die Zahlen | + | Die Zahlen |
\\ | \\ | ||
**Beispiel: | **Beispiel: | ||
Die HTTP-Adresse im Webbrowser lautet:\\ | Die HTTP-Adresse im Webbrowser lautet:\\ | ||
- | http:// | + | http:// |
Dann muss in dem Skript die Zeile mit "var embedHTML = new media...." | Dann muss in dem Skript die Zeile mit "var embedHTML = new media...." | ||
- | <script type=" | + | <script type=" |
<script type=" | <script type=" | ||
- | var embedHTML = new media(' | + | var embedHTML = new media(' |
- | embedHTML.writeHTML(); | + | embedHTML.writeHTML(); |
</ | </ | ||
| | ||
\\ | \\ | ||
+ | |||
+ | **Erklärung der Zeile new media:**\\ | ||
+ | \\ | ||
+ | Zwischen den einzelnen Hochkommas '' | ||
+ | |||
+ | ('Pfad Videodatei',' | ||
+ | \\ | ||
+ | |||
**Beispiel mit Posterbild: | **Beispiel mit Posterbild: | ||
- | Kopieren Sie Ihr Posterbild auf Ihren Webserver und fügen | + | Kopieren Sie Ihr Posterbild auf Ihren Webserver und fügen |
http:// | http:// | ||
Dann muss in dem Skript die Zeile mit "var embedHTML = new media...." | Dann muss in dem Skript die Zeile mit "var embedHTML = new media...." | ||
- | <script type=" | + | <script type=" |
+ | <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=" | ||
+ | <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: | ||
+ | |||
+ | |||
+ | <script type=" | ||
<script type=" | <script type=" | ||
- | var embedHTML = new media(' | + | var embedHTML = new media(' |
- | embedHTML.writeHTML(); | + | embedHTML.writeHTML(); |
</ | </ | ||
{{tag> | {{tag> |