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/22 15:42] – jz1001 | einbinden_von_videos_podcasts_in_eine_webseite [2015/07/07 17:55] – jz1001 | ||
---|---|---|---|
Zeile 1: | Zeile 1: | ||
- | ====== Einbinden von Videos und 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 | + | {{: |
- | Sie erhalten anschließend eine Emailbenachrichtigung. | + | \\ |
+ | \\ | ||
- | Öffnen Sie den in der Email enthaltenen Link zu Ihrem Video.\\ | + | ====== Upload ====== |
- | {{: | + | |
- | Sie sehen nun in Ihrem Webbrowser | + | Sobald |
- | {{:video:pcp2_script_pfad.jpg|}}\\ | + | Klicken Sie auf " |
+ | \\ | ||
+ | \\ | ||
+ | {{:video:mediathek_upload2.png|}}\\ | ||
+ | \\ | ||
+ | \\ | ||
- | Sie müssen nur den Teil ab movie/.. in das unten stehende Skript kopieren und dieses in Ihre Webseite einbinden. | + | ====== Beitrag erstellen ====== |
- | + | ||
- | Diese Skript kopieren | + | Gehen Sie nun auf "Neuer Beitrag".\\ |
- | + | Vergeben Sie einen Titel für das Video. Den Titel können Sie jederzeit ändern, siehe weiter unten.\\ | |
- | <script type="text/ | + | Klicken Sie nun auf "Neuen Beitrag anlegen" |
- | < | + | |
- | 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 '' | + | \\ |
- | + | Sie gelangen automatisch | |
- | ('SD-Video | + | 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 | ||
\\ | \\ | ||
- | **Beispiel mit Posterbild: | + | ====== Video veröffentlichen ====== |
- | 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(); | + | |
- | </ | + | |
+ | 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> |