Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Nächste Überarbeitung		Vorhergehende Überarbeitung
einbinden_von_videos_und_podcast_in_eine_webseite_mit_hd-addon [2011/09/29 10:43] – angelegt jz1001einbinden_von_videos_und_podcast_in_eine_webseite_mit_hd-addon [2015/08/06 17:26] (aktuell) – mg1023
Zeile 2: Zeile 2:
  
 <note important>Diese Anleitung gilt nur für Videos, die auf dem Videoserver Podcast2 liegen</note> <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. +Damit das Video mit diesem Skript in eine Webseite eingebunden werden kann, müssen beide Videodateien (Low- und High-Version) nacheinander 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:+Die Videos liegen bereits in einem passendem Format (MPEG-4, FLV mit Streaming - siehe „[[videokonvertierung|Konvertieren von Videos]]“) vor. Zum hochladen der Videodateien öffnen Sie im Webbrowser folgenden Link:
  
 https://podcast2.ruf.uni-freiburg.de:8170/podcastproducer/capture/login\\ https://podcast2.ruf.uni-freiburg.de:8170/podcastproducer/capture/login\\
Zeile 13: Zeile 13:
 Wählen Sie anschließend unter Arbeitsablauf „Datei-Upload“\\ Wählen Sie anschließend unter Arbeitsablauf „Datei-Upload“\\
 {{:video:pcp2_workflow_upload.png|}}\\ {{: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.\\+Unter Episode geben Sie einen **kurzen Namen** des Videos ein, z.B. video_hi.m4v oder video_lo.m4v.\\ **Benutzen Sie keine Umlaute, Leerzeichen oder Sonderzeichen im Namen.** Die "Beschreibung" wird nicht benötigt.\\
 {{:video:pcp2_episode_beschr.png|}}\\ {{:video:pcp2_episode_beschr.png|}}\\
  
 Anschließend noch auf Veröffentlichen klicken. 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. 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. +Wiederholen Sie dies und laden die zweite Version hoch. 
 +Sie erhalten anschließend zwei Emailbenachrichtigungen. 
  
-Öffnen Sie den in der Email enthaltenen Link zu Ihrem Video.\\+Öffnen Sie beide Emails und den darin enthaltenen Link zu Ihrem Video.\\
 {{:video:pcp2_email.jpg|}}\\ {{:video:pcp2_email.jpg|}}\\
  
-Sie sehen nun in Ihrem Webbrowser die http-Adresse die wie folgt aussieht:\\+Sie sehen nun in Ihrem Webbrowser die HTTP-Adresse die wie folgt aussieht:\\
 {{:video:pcp2_script_pfad.jpg|}}\\ {{: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.   +Sie müssen nur den Teil ab movie/.. in das unten stehende Skript kopieren und dieses in Ihre Webseite einbinden.  
- +Schreiben Sie zuerst die Low-Version, getrennt von einem &, und anschließend die HD-Version in die Zeile "var embedHTML = new media....".
  
 Kopieren Sie dieses Skript in Ihre Webseite und ändern den Pfad zum Video: Kopieren Sie dieses Skript in Ihre Webseite und ändern den Pfad zum Video:
Zeile 33: Zeile 34:
   <script type="text/javascript" src="http://www.streaming.uni-freiburg.de/skripte/flash/embedvideo.js"></script>   <script type="text/javascript" src="http://www.streaming.uni-freiburg.de/skripte/flash/embedvideo.js"></script>
   <script type="text/javascript">   <script type="text/javascript">
-  var embedHTML = new media('movie/Ihr_UNI-ACCOUNT_Name/DATUMSORDNER/VIDEONAME.mov',240,320,'','07');+  var embedHTML = new media('movie/Ihr_UNI-ACCOUNT_Name/DATUMSORDNER/VIDEONAME_lo.m4v&movie/Ihr_UNI-ACCOUNT_Name/DATUMSORDNER/VIDEONAME_hi.m4v',240,320,'','08');
   embedHTML.writeHTML();    embedHTML.writeHTML(); 
   </script>   </script>
Zeile 41: Zeile 42:
 \\ \\
 **Beispiel:**\\ **Beispiel:**\\
-Die HTTP-Adresse im Webbrowser lautet:\\ +Die HTTP-Adresse im Webbrowser lautet für die Low-Version:\\ 
-http://podcast2.ruf.uni-freiburg.de/movie/jz1099/2011-06-23/meinfilm.mov\\+http://podcast2.ruf.uni-freiburg.de/movie/jz1099/2011-06-23/meinfilm_lo.m4v\\ 
 +und für die HD-Version:\\ 
 +http://podcast2.ruf.uni-freiburg.de/movie/jz1099/2011-06-23/meinfilm_hi.m4v\\ 
 Dann muss in dem Skript die Zeile mit "var embedHTML = new media...." folgendermaßen geändert werden:\\ 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" src="http://www.streaming.uni-freiburg.de/skripte/flash/embedvideo.js"></script>
   <script type="text/javascript">   <script type="text/javascript">
-  var embedHTML = new media('movie/jz1099/2011-06-23/meinfilm.mov',240,320,'','07');+  var embedHTML = new media('movie/jz1099/2011-06-23/meinfilm_lo.m4v&movie/jz1099/2011-06-23/meinfilm_hi.m4v',240,320,'','08');
   embedHTML.writeHTML();    embedHTML.writeHTML(); 
   </script>   </script>
Zeile 59: Zeile 63:
   <script type="text/javascript" src="http://www.streaming.uni-freiburg.de/skripte/flash/embedvideo.js"></script>   <script type="text/javascript" src="http://www.streaming.uni-freiburg.de/skripte/flash/embedvideo.js"></script>
   <script type="text/javascript">   <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');+  var embedHTML = new media('movie/jz1099/2011-06-23/meinfilm_lo.m4v&movie/jz1099/2011-06-23/meinfilm_hi.m4v',240,320,'http://www.webserver.de/ordner/posterbild.jpg','08');
   embedHTML.writeHTML();    embedHTML.writeHTML(); 
   </script>   </script>
  
-{{tag>video streaming podcasts}}+{{tag>}}

Zuletzt angesehen:

QR-Code
QR-Code Einbinden von Videos und Podcasts in eine Webseite mit HD-Addon (erstellt für aktuelle Seite)