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_und_podcast_in_eine_webseite_mit_hd-addon [2011/09/29 11:52] – 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, müssen beide Videodateien (Low- und High-Version) nacheinander 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. 
 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: 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:
  
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, z.B. video_hi.m4v. 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|}}\\
  
Zeile 28: Zeile 28:
  
 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 34: 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_lo.m4v&movie/Ihr_UNI-ACCOUNT_Name/DATUMSORDNER/VIDEONAME_hi.m4v',240,320,'','06');+  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 42: 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_lo.m4v\\ 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_Low-Version.m4v&',240,320,'','06');+  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 60: 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','06');+  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)