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 [2013/05/23 10:56] – jz1001 | einbinden_von_videos_podcasts_in_eine_webseite [2015/11/25 17:49] – ds1002 | ||
|---|---|---|---|
| Zeile 1: | Zeile 1: | ||
| - | ====== | + | <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. | ||
| - | 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:// | ||
| - | Melden Sie sich mit Ihrem Uni-Account an. \\ | ||
| - | {{: | ||
| - | Wählen Sie anschließend " | + | ====== Einbinden von Videos |
| - | {{: | + | |
| - | Wählen Sie anschließend unter Arbeitsablauf „Datei-Upload“\\ | + | |
| - | {{: | + | |
| - | Unter Episode geben Sie einen kurzen Namen des Videos | + | |
| - | {{: | + | |
| - | Anschließend noch auf Veröffentlichen klicken. | + | Zum hochladen von Videos in die Mediathek benötigen Sie Autorenrechte. Melden Sie sich dazu einmal mit Ihrem Uni-Account |
| - | Ihr Video wird nun auf den Server hochgeladen | + | |
| - | Sie erhalten anschließend eine Emailbenachrichtigung. | + | |
| - | Öffnen Sie den in der Email enthaltenen Link zu Ihrem Video.\\ | + | ====== Login ====== |
| - | {{: | + | |
| - | Sie sehen nun in Ihrem Webbrowser die http-Adresse die wie folgt aussieht:\\ | + | https:// |
| - | {{:video:pcp2_script_pfad.jpg|}}\\ | + | Melden |
| + | {{:video:mediathek_single_sign_on.png|}} | ||
| + | \\ | ||
| + | \\ | ||
| - | Sie müssen nur den Teil ab movie/.. in das unten stehende Skript kopieren und dieses in Ihre Webseite einbinden. | + | ====== Anfrage Autorenrecht ====== |
| - | + | ||
| - | Diese Skript kopieren | + | Klicken |
| - | + | {{: | |
| - | <script type="text/ | + | \\ |
| - | < | + | \\ |
| - | var embedHTML = new media(' | + | |
| - | | + | |
| - | </ | + | |
| + | ====== Upload ====== | ||
| - | Die Zahlen 360,640 hinter dem Videopfad im Skript definieren | + | Sobald Sie die Autorenrechte haben, können Sie Videos hochladen. Loggen Sie sich dazu erneut an der Mediathek an.\\ |
| + | Klicken Sie auf " | ||
| \\ | \\ | ||
| - | **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: | + | ====== Beitrag erstellen ====== |
| - | Kopieren | + | |
| - | http://www.webserver.de/ | + | Gehen Sie nun auf "Neuer Beitrag" |
| - | Dann muss in dem Skript die Zeile mit "var embedHTML = new media...." folgendermaßen geändert werden:\\ | + | 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". | |
| - | < | + | \\ |
| - | < | + | \\ |
| - | var embedHTML = new media(' | + | {{:video: |
| - | | + | \\ |
| - | </ | + | \\ |
| + | Sie gelangen automatisch auf die nächste Bearbeitungsseite.\\ | ||
| + | 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 "Referent/in" | ||
| + | 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 | ||
| \\ | \\ | ||
| - | **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: | + | ====== 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> | ||
