Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Beide Seiten der vorigen RevisionVorhergehende Überarbeitung
Nächste Überarbeitung
Vorhergehende Überarbeitung
einbinden_von_videos_podcasts_in_eine_webseite [2011/09/29 10:22] jz1001einbinden_von_videos_podcasts_in_eine_webseite [2018/04/04 16:33] (aktuell) – gelöscht jz1001
Zeile 1: Zeile 1:
-====== Einbinden von Videos und Podcasts in eine Webseite ====== 
  
-<note important>Diese Anleitung gilt nur für Videos, die auf dem Videoserver Podcast2 liegen</note> 
-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: 
- 
-https://podcast2.ruf.uni-freiburg.de:8170/podcastproducer/capture/login\\ 
-Melden Sie sich mit Ihrem Uni-Account an. \\ 
-{{:video:pcp2_login.png|}} 
- 
-Wählen Sie anschließend "Datei" und suchen Ihr Video aus.\\ 
-{{:video:pcp2_upload.png|}}\\ 
-Wählen Sie anschließend unter Arbeitsablauf „Datei-Upload“\\ 
-{{:video:pcp2_workflow_upload.png|}}\\ 
-Unter Episode geben Sie einen kurzen Namen des Videos ein. Benutzen Sie keine Umlaute oder Sonderzeichen im Namen. Die "Beschreibung" wird nicht benötigt.\\ 
-{{:video:pcp2_episode_beschr.png|}}\\ 
- 
-Anschließend noch auf Veröffentlichen klicken. 
-Ihr Video wird nun auf den Server hochgeladen und geprüft. Diese Überprüfung kann je nach Größe der Videodatei einige Zeit in Anspruch nehmen. 
-Sie erhalten anschließend eine Emailbenachrichtigung.  
- 
-Öffnen Sie den in der Email enthaltenen Link zu Ihrem Video.\\ 
-{{:video:pcp2_email.jpg|}}\\ 
- 
-Sie sehen nun in Ihrem Webbrowser die http-Adresse die wie folgt aussieht:\\ 
-{{:video:pcp2_script_pfad.jpg|}}\\ 
- 
-Sie müssen nur den Teil ab movie/.. in das unten stehende Skript kopieren und dieses in Ihre Webseite einbinden.   
-  
- 
-Diese Skript kopieren Sie in Ihre Webseite und ändern den Pfad zum Video: 
-  
-  <script type="text/javascript" src="http://www.streaming.uni-freiburg.de/skripte/flash/embedvideo.js"></script> 
-  <script type="text/javascript"> 
-  var embedHTML = new media('movie/Ihr_UNI-ACCOUNT_Name/DATUMSORDNER/VIDEONAME.mov',240,320,'','07'); 
-  embedHTML.writeHTML();  
-  </script> 
- 
- 
-Die Zahlen 240,320 hinter dem Videopfad im Skript definieren die Videogröße (Höhe, Breite) auf Ihrer Webseite. Dies können Sie nach Ihren Bedürfnissen anpassen.\\ 
-\\ 
-**Beispiel:**\\ 
-Die HTTP-Adresse im Webbrowser lautet:\\ 
-http://podcast2.ruf.uni-freiburg.de/movie/jz1099/2011-06-23/meinfilm.mov\\ 
-Dann muss in dem Skript die Zeile mit "var embedHTML = new media...." folgendermaßen geändert werden:\\ 
-  
-  <script type="text/javascript" src="http://www.streaming.uni-freiburg.de/skripte/flash/embedvideo.js"></script> 
-  <script type="text/javascript"> 
-  var embedHTML = new media('movie/jz1099/2011-06-23/meinfilm.mov',240,320,'','07'); 
-  embedHTML.writeHTML();  
-  </script> 
-   
-\\ 
-**Beispiel mit Posterbild:**\\ 
-Kopieren Sie Ihr Posterbild auf Ihren Webserver und fügen den vollen Pfad in das Skript hinter der Videogröße und zwischen den zwei '' ein. Beispiel Pfad zum Posterbild:\\ 
-http://www.webserver.de/ordner/posterbild.jpg\\ 
-Dann muss in dem Skript die Zeile mit "var embedHTML = new media...." folgendermaßen geändert werden:\\ 
-  
-  <script type="text/javascript" src="http://www.streaming.uni-freiburg.de/skripte/flash/embedvideo.js"></script> 
-  <script type="text/javascript"> 
-  var embedHTML = new media('movie/jz1099/2011-06-23/meinfilm.mov',240,320,'http://www.webserver.de/ordner/posterbild.jpg','07'); 
-  embedHTML.writeHTML();  
-  </script> 
- 
-{{tag>video streaming podcasts}} 
QR-Code
QR-Code einbinden_von_videos_podcasts_in_eine_webseite (erstellt für aktuelle Seite)