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 [2011/08/02 14:26] – jz1001 | einbinden_von_videos_podcasts_in_eine_webseite [2016/01/25 16:23] – 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 nach einigen Minuten | + | \\ |
| + | \\ | ||
| - | Öffnen Sie den in der Emailbenachrichtigung 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=" | + | 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 | ||
| + | \\ | ||
| + | ====== Video veröffentlichen ====== | ||
| - | Die Zahlen 240,320 hinter dem Videopfad im Skript definieren die Videogröße (Höhe, Breite) auf Ihrer Webseite. Dies können Sie nach Ihren Bedürfnissen anpassen.\\ | + | Sobald das Video umgerechnet wurde erhält es den Status " |
| + | {{: | ||
| + | <note important> | ||
| \\ | \\ | ||
| - | **Beispiel: | + | Sie können rechts unter Funktionen jederzeit |
| - | Die HTTP-Adresse im Webbrowser lautet:\\ | + | |
| - | http:// | + | |
| - | Dann muss in dem Skript | + | |
| - | + | ||
| - | <script type=" | + | |
| - | <script type=" | + | |
| - | var embedHTML = new media(' | + | |
| - | embedHTML.writeHTML(); | + | |
| - | </ | + | |
| - | | + | |
| \\ | \\ | ||
| - | **Beispiel mit Posterbild: | + | ==== Embed Code ==== |
| - | Kopieren Sie Ihr Posterbild auf Ihren Webserver und fügen den vollen Pfad in das Skript hinter der Videogröße und zwischen den zwei '' | + | |
| - | http:// | + | |
| - | Dann muss in dem Skript die Zeile mit "var embedHTML | + | |
| - | + | ||
| - | <script type=" | + | |
| - | <script type=" | + | |
| - | var embedHTML | + | |
| - | embedHTML.writeHTML(); | + | |
| - | </ | + | |
| + | 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> | ||
