Beide Seiten der vorigen RevisionVorhergehende ÜberarbeitungNächste Überarbeitung | Vorhergehende ÜberarbeitungNächste ÜberarbeitungBeide Seiten der Revision |
de:create:media [15.11.2018 15:15] – Flash entfern, Dropbox ergänzt admin | de:create:media [21.05.2019 14:29] – admin |
---|
**Wichtig:** Sehr alte Versionen des Internet Explorers (bis Version 8) unterstützten das ''<video>'' Tag nicht. In Deutschland sind das ca. 3% der Internet-Nutzer ([[http://caniuse.com/#feat=video|Can I use: Video element]]). | **Wichtig:** Sehr alte Versionen des Internet Explorers (bis Version 8) unterstützten das ''<video>'' Tag nicht. In Deutschland sind das ca. 3% der Internet-Nutzer ([[http://caniuse.com/#feat=video|Can I use: Video element]]). |
| |
Um das Video in die Formate mp4, ogg und webm zu konvertieren, können Sie unterschiedliche Software verwenden. Recht komfortabel funktioniert es bei [[https://cloudconvert.com/|CloudConvert]] (online) und der [[http://www.videolan.org/vlc/|VLC Media Player]] (offline) kann ebenfalls dafür eingesetzt werden. Gehen Sie beim VLC wie folgt vor (basierend auf [[http://klaesimage.com/wordpress/?p=265|Using VLC Media Player to convert video]]): | Um das Video in die Formate mp4, ogg und webm zu konvertieren, können Sie unterschiedliche Software verwenden. Recht komfortabel funktioniert es bei [[https://cloudconvert.com/|CloudConvert]] (online, kostenlos für kleinere Dateien) und mit dem [[MiroVideoConverter|http://www.mirovideoconverter.com/]]. |
| |
* VLC Media Player öffnen | |
* Menü: Medien -> Konvertieren/Speichern | |
* Datei -> File Selection -> Add -> Video auswählen | |
* Konvertieren/Speichern | |
* Einstellungen -> Profil: "Video - H.264 + MP3 (MP4)" | |
* Ziel -> Zieldatei -> Durchsuchen -> Verzeichnis auswählen und Dateiname mit Endung .mp4 angeben (z.B. video.mp4) | |
* Start | |
| |
Evtl. müssen die Einstellungen für das Video (dort wo man das Profil auswählt) noch angepasst werden -- zum Beispiel die Video-Bitrate. | |
| |
Dieses Procedere wird mit den Profilen "Video - VP80 + Vorbis (WebM)" -> Dateiendung ".webm" und "Video - Theora + Vorbis (OGG)" -> Dateiendung ".ogg" wiederholt. Öffnen Sie alle drei Dateien, um das Ergebnis (Qualität von Bild und Ton) zu überprüfen. | |
| |
In SoSci Survey erstellen Sie nun einen neuen [[:de:create:texts|Textbaustein]] mit folgendem HTML-Code als Inhalt: | In SoSci Survey erstellen Sie nun einen neuen [[:de:create:texts|Textbaustein]] mit folgendem HTML-Code als Inhalt: |
</code> | </code> |
| |
| |
| ==== Probleme mit dem Speicherplatz ==== |
| |
| Auf www.soscisurvey.de stehen standardmäßig 64 MB Speicherplatz pro Befragungsprojekt zur Verfügung. Für längere Videos in mehreren Formaten ist das zu wenig. |
| |
| Im Idealfall kann man auf Online-Speicher der eigenen Hochschule oder des eigenen Unternehmens zugreifen und die Video-Dateien dort hochladen. Im HTML-Code gibt man dann einfach die komplette URL der Video-Datei an, z.B. |
| |
| <code html> |
| <source src="https://www.example.com/projectXYZ/dateiname.mp4" type="video/mp4" /> |
| </code> |
| |
| **Wichtig:** Der Onlinespeicher muss (!) per HTTPS aufrufbar sein. Wenn man versucht, in einer Fragebogen-Seite, die mittels HTTPS verschlüsselt übermittelt wurde, einen unverschlüsselten HTTP-Inhalt einzubinden, dan blockieren das die meisten Browser. |
| |
| Falls man keinen Zugriff auf eigenen Online-Speicher hat, kann man auf den Anbeiter [[https://www.dropbox.com/|Dropbox]] zurückgreifen. Dort kann man Links erzeugen, um die Dateien freizugeben. Aber damit diese dann im Fragebogen verwendet werden können, muss man dafür sorgen, dass Dropbox direkt die Mediendatei liefert und keine Download-Seite. Dafür muss man den Parameter ''dl=1'' im Link setzen bzw. ändern: |
| |
| <code html> |
| <source src="https://www.dropbox.com/s/eccvtg69sxl8ume/video001.mp3?dl=1" type="video/mp4" /> |
| </code> |
| |
| **Warnung:** In Safari (Apple/MacOS) wurden Probleme mit der Einbindung von Dropbox berichtet. An den Safari-Browser liefert Dropbox offenbar nicht die Mediendatei, sondern eine HTML-Datei. Dies führt dazu, dass Mac-Nutzer das Video nicht ansehen können. |
| |
| **Warnung:** Dropbox kann die Möglichkeit zum direkten Download jederzeit einschränken. |
| |
| **Warnung:** Es liegen bisher keine Informationen dazu vor, ob Dropbox den direkten Download auch schon dann einschränkt, wenn viele Nutzer auf die Datei zugreifen. |
| |
===== Technische Hürden ===== | ===== Technische Hürden ===== |
* blenden sie den Weiter-Knopf erst nach einer kurzen Weile ein ([[:de:create:timer-display|Timer: Weiter-Knopf nach bestimmter Zeit einblenden]]). Falls Sie einen Zurück-Knopf erlauben, wählen Sie die Zeitspanne keinesfalls zu lange. | * blenden sie den Weiter-Knopf erst nach einer kurzen Weile ein ([[:de:create:timer-display|Timer: Weiter-Knopf nach bestimmter Zeit einblenden]]). Falls Sie einen Zurück-Knopf erlauben, wählen Sie die Zeitspanne keinesfalls zu lange. |
| |
| |
==== Probleme mit dem Speicherplatz ==== | |
| |
Auf www.soscisurvey.de stehen standardmäßig 64 MB Speicherplatz pro Befragungsprojekt zur Verfügung. Für längere Videos in mehreren Formaten ist das zu wenig. | |
| |
Im Idealfall kann man auf Online-Speicher der eigenen Hochschule oder des eigenen Unternehmens zugreifen und die Video-Dateien dort hochladen. Im HTML-Code gibt man dann einfach die komplette URL der Video-Datei an, z.B. | |
| |
<code html> | |
<source src="https://www.example.com/projectXYZ/dateiname.mp4" type="video/mp4" /> | |
</code> | |
| |
**Wichtig:** Der Onlinespeicher muss (!) per HTTPS aufrufbar sein. Wenn man versucht, in einer Fragebogen-Seite, die mittels HTTPS verschlüsselt übermittelt wurde, einen unverschlüsselten HTTP-Inhalt einzubinden, dan blockieren das die meisten Browser. | |
| |
Falls man keinen Zugriff auf eigenen Online-Speicher hat, kann man auf den Anbeiter [[https://www.dropbox.com/|Dropbox]] zurückgreifen. Dort kann man Links erzeugen, um die Dateien freizugeben. Aber damit diese dann im Fragebogen verwendet werden können, muss man dafür sorgen, dass Dropbox direkt die Mediendatei liefert und keine Download-Seite. Dafür muss man den Parameter ''dl=1'' im Link setzen bzw. ändern: | |
| |
<code html> | |
<source src="https://www.dropbox.com/s/eccvtg69sxl8ume/video001.mp3?dl=1" type="video/mp4" /> | |
</code> | |
| |
**Warnung:** Dropbox kann die Möglichkeit zum direkten Download jederzeit einschränken. | |
| |
**Warnung:** Es liegen bisher keine Informationen dazu vor, ob Dropbox den direkten Download auch schon dann einschränkt, wenn viele Nutzer auf die Datei zugreifen. | |