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 [2011/08/02 14:24] – jz1001 | einbinden_von_videos_podcasts_in_eine_webseite [2015/11/25 17:48] – 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://podcast2.ruf.uni-freiburg.de: | + | |
+ | ====== Einbinden von Videos und Audiodateien in eine Webseite ====== | ||
+ | |||
+ | Zum hochladen von Videos in die Mediathek benötigen Sie Autorenrechte. Melden Sie sich dazu einmal mit Ihrem Uni-Account und dem dazugehörigen Passwort an der Mediathek an: | ||
+ | |||
+ | ====== 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 Vidiogröße ein. Beispiel Pfad zum Posterbild: | + | |
- | 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> |