Unterschiede
Hier werden die Unterschiede zwischen zwei Versionen angezeigt.
Beide Seiten der vorigen RevisionVorhergehende ÜberarbeitungNächste Überarbeitung | Vorhergehende ÜberarbeitungLetzte ÜberarbeitungBeide Seiten der Revision | ||
einbinden_von_videos_podcasts_in_eine_webseite [2013/10/23 15:32] – mg1023 | einbinden_von_videos_podcasts_in_eine_webseite [2016/01/25 16:23] – jz1001 | ||
---|---|---|---|
Zeile 1: | Zeile 1: | ||
- | ====== Einbinden von Videos und (Audio-)Podcasts | + | ====== Einbinden von Videos und Audiodateien |
- | <note important> | + | Zum hochladen von Videos in die Mediathek benötigen Sie Autorenrechte. Melden Sie sich dazu einmal |
- | Damit das Video mit diesem Skript | + | |
- | Das Video liegt bereits in einem passendem Format (MPEG-4, FLV mit Streaming | + | |
- | https://podcast2.ruf.uni-freiburg.de: | + | ====== Login ====== |
+ | |||
+ | https://mediathek.vm.uni-freiburg.de\\ | ||
Melden Sie sich mit Ihrem Uni-Account an. \\ | Melden Sie sich mit Ihrem Uni-Account an. \\ | ||
- | {{:video:pcp2_login.png|}} | + | {{:video:mediathek_single_sign_on.png|}} |
+ | \\ | ||
+ | \\ | ||
- | Wählen Sie anschließend " | + | ====== Anfrage Autorenrecht ====== |
- | {{: | + | |
- | Wählen Sie anschließend unter Arbeitsablauf „Datei-Upload“\\ | + | |
- | {{: | + | |
- | Unter Episode geben Sie einen kurzen Namen des Videos ein. Benutzen Sie keine Umlaute oder Sonderzeichen im Namen. Die " | + | |
- | {{: | + | |
- | Anschließend noch auf Veröffentlichen klicken. | + | Klicken Sie nach erfolgreichem Login auf " |
- | 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. | + | {{:video:mediathek_autor.png|}}\\ |
- | Sie erhalten anschließend | + | \\ |
- | + | \\ | |
- | Ö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: | + | ====== Upload ====== |
- | {{: | + | |
- | Sie müssen nur den Teil ab movie/.. in das unten stehende Skript kopieren und dieses in Ihre Webseite einbinden. | + | Sobald |
- | + | Klicken | |
- | + | ||
- | Diese Skript kopieren | + | |
- | + | ||
- | <script type="text/ | + | |
- | <script type=" | + | |
- | var embedHTML = new media(' | + | |
- | embedHTML.writeHTML(); | + | |
- | </ | + | |
- | + | ||
- | + | ||
- | Die Zahlen 360,640 hinter dem Videopfad im Skript definieren die Videogröße (Höhe, Breite) | + | |
\\ | \\ | ||
- | **Beispiel: | ||
- | Die HTTP-Adresse im Webbrowser lautet:\\ | ||
- | http:// | ||
- | Dann muss in dem Skript die Zeile mit "var embedHTML = new media...." | ||
- | |||
- | <script type=" | ||
- | <script type=" | ||
- | var embedHTML = new media(' | ||
- | embedHTML.writeHTML(); | ||
- | </ | ||
- | | ||
\\ | \\ | ||
- | + | {{:video: | |
- | **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 | + | |
- | + | ||
- | <script type=" | + | |
- | <script type=" | + | |
- | var embedHTML | + | |
- | 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 | + | |
- | + | ||
- | <script type=" | + | |
- | <script type=" | + | |
- | var embedHTML | + | |
- | embedHTML.writeHTML(); | + | |
- | </ | + | |
- | Dann sieht der Player folgendermaßen aus:\\ | + | Gehen Sie nun auf "Neuer Beitrag" |
+ | Vergeben Sie einen Titel für das Video. Den Titel können Sie jederzeit ändern, siehe weiter unten.\\ | ||
+ | Klicken Sie nun auf "Neuen Beitrag anlegen" | ||
\\ | \\ | ||
- | {{: | ||
\\ | \\ | ||
- | **Mehrere Videos gleichzeitig | + | {{: |
+ | \\ | ||
+ | \\ | ||
+ | Sie gelangen automatisch | ||
+ | Das Vorschaubild wird automatisch nach der Umrechnung des Videos erstellt. Sie sehen solange ein Default-Bild. Sie können aber auch ein eigenes Vorschaubild hochladen.\\ | ||
+ | Unter " | ||
+ | Wählen Sie nun noch eine Beitragsreihe aus, fügen eine Beschreibung ein und vergeben noch entsprechende Tags.\\ | ||
+ | Speichern Sie nun Ihren Beitrag. Das Video bekommt nun den Status "In Bearbeitung" | ||
+ | \\ | ||
+ | {{: | ||
+ | \\ | ||
+ | Ihr Video wird nun automatisch in zwei Größen umgerechnet (720p und 360p) und dies kann je nach Größe des Videos einige Minuten in Anspruch nehmen. Nach erfolgter Umrechnung wird das Vorschaubild generiert.\\ | ||
\\ | \\ | ||
- | 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..." | ||
+ | ====== Video veröffentlichen ====== | ||
+ | Sobald das Video umgerechnet wurde erhält es den Status " | ||
+ | {{: | ||
+ | <note important> | ||
+ | \\ | ||
+ | Sie können rechts unter Funktionen jederzeit die Beitragsdetails Ihres Videos ändern, den Beitrag veröffentlichen oder auch wieder zurück ziehen oder aber den Beitrag unwiderruflich löschen.\\ | ||
+ | \\ | ||
+ | ==== Embed Code ==== | ||
+ | |||
+ | Sobald das Video veröffentlicht ist, erscheint unter dem Player der "Embed Code". Klicken Sie darauf, kopieren und fügen diesen in Ihre Webseite ein.\\ | ||
+ | \\ | ||
+ | {{: | ||
{{tag> | {{tag> |