| Beide Seiten der vorigen RevisionVorhergehende ÜberarbeitungNächste Überarbeitung | Vorhergehende ÜberarbeitungNächste ÜberarbeitungBeide Seiten der Revision |
| de:create:media [12.11.2018 14:38] – alte Version wiederhergestellt (26.04.2018 21:18) admin | de:create:media [15.11.2018 15:15] – admin |
|---|
| ===== Audio-Dateien einbinden ===== | ===== Audio-Dateien einbinden ===== |
| |
| Es gibt mehrere Dateiformate, die gut für die Verwendung im Internet geeignet sind. Darunter RealMedia (RMA) und Windows Media (WMA). Allerdings schließen beide Formate einen relevanten Anteil der Nutzer aus. Dahingegen können mittlerweile nahezu alle Internetnutzer Flash abspielen. Die OpenSource Software [[http://emff.sourceforge.net/|EMFF]] basiert auf Flash und kann ihrerseits mp3-Dateien abspielen. Auf dem Server www.soscisurvey.de ist EMFF standardmäßig als PlugIn vorhanden. | Es gibt mehrere Dateiformate, die gut für die Verwendung im Internet geeignet sind. Meist wird mp3 das Mittel der Wahl sein, weil die meisten Browser dieses Format problemlos abspielen können. |
| |
| **Hinweis:** Die hier vorgestellten Lösungen spielen eine Audiodatei jeweils nur innerhalb einer Fragebogenseite ab. Wie diese Beschränkung umgangen werden kann, beschreibt das Kapitel [[:de:create:frameset]]. | **Hinweis:** Die hier vorgestellten Lösungen spielen eine Audiodatei jeweils nur innerhalb einer Fragebogenseite ab. Wie diese Beschränkung umgangen werden kann, beschreibt das Kapitel [[:de:create:frameset]]. |
| |
| Hat man die Audio-Datei im mp3-Format kodiert und auf den Befragungsserver hochgeladen, kann man sie einfach wie einen Textbaustein in den Fragebogen ziehen (**Fragebogen zusammenstellen**). Mit den Darstellungs-Einstellungen {{:button.settings.png?nolink|Einstellungen}} kann man festlegen, wie der EMFF-Player aussehen soll. | Hat man die Audio-Datei im mp3-Format kodiert und auf den Befragungsserver hochgeladen, kann man sie einfach wie einen Textbaustein in den Fragebogen ziehen (**Fragebogen zusammenstellen**). Mit den Darstellungs-Einstellungen {{:button.settings.png?nolink|Einstellungen}} kann man festlegen, wie der EMFF-Player aussehen soll. |
| |
| **Hinweis:** SoSci Survey bindet die Audio-Datei mittels EMFF-Player ein, der auf Flash basiert. Diese Lösung funktioniert auch in älteren Browsern, aber iOS (iPhone/iPad) unterstützen Flash nicht. Außerdem blockiert der aktuelle Firefox Flash-Inhalte zunächst, sodass man sie vor dem Abspielen u.U. erst explizit anklicken muss (auch wenn das automatische Abspielen aktiviert wurde). Wir empfehlen daher eine Einbindung via HTML5. | |
| |
| |
| Das HTML5-Tag ''<audio>'' ist mittlerweilen soweit verbreitet, dass man es für Audio-Dateien gut einsetzen kann. Lediglich sehr alte Browser (z.B. Internet Explorer vor Version 9) unterstützen es nicht. | Das HTML5-Tag ''<audio>'' ist mittlerweilen soweit verbreitet, dass man es für Audio-Dateien gut einsetzen kann. Lediglich sehr alte Browser (z.B. Internet Explorer vor Version 9) unterstützen es nicht. |
| |
| Damit die Audio-Datei in allen aktuellen Browsern funktioniert, sollte Sie in den Formaten mp3 __und__ ogg vorliegen. ALlerdings erzielt man mittlerweile auch mit dem mp3-Format eine gut Abdeckung. Um Audio-Dateien in die komprimierten Formate zu konvertieren gibt es eine Reihe kostenloser Programme, z.B. den Open Source Audio Editor [[http://sourceforge.net/projects/audacity/|Audacity]]. | Damit die Audio-Datei in allen aktuellen Browsern funktioniert, sollte Sie in den Formaten mp3 __und__ ogg vorliegen. Allerdings erzielt man mittlerweile auch mit dem mp3-Format eine gut Abdeckung. Um Audio-Dateien in die komprimierten Formate zu konvertieren, gibt es eine Reihe kostenloser Programme, z.B. den Open Source Audio Editor [[http://sourceforge.net/projects/audacity/|Audacity]] in Verbindung mit LAME. |
| |
| Für die Einbindung legen Sie unter **Textbausteine u. Beschriftungen** einen neuen Textbaustein mit folgendem Inhalt und //Darstellung// "HTML-Code" an: | Für die Einbindung legen Sie unter **Textbausteine u. Beschriftungen** einen neuen Textbaustein mit folgendem Inhalt und //Darstellung// "HTML-Code" an: |
| |
| **Wichtig:** Wer sich mit Urheberrechten nicht weiter auseinandergesetzt hat, der denkt mitunter, öffentlich und kostenlos zugängliche Videos (z.B. auf YouTube) dürften ohne weiteres im eigenen Fragebogen verwendet werden. Das ist __falsch__. Auch bei solchen Videos gilt das Urheberrecht! | **Wichtig:** Wer sich mit Urheberrechten nicht weiter auseinandergesetzt hat, der denkt mitunter, öffentlich und kostenlos zugängliche Videos (z.B. auf YouTube) dürften ohne weiteres im eigenen Fragebogen verwendet werden. Das ist __falsch__. Auch bei solchen Videos gilt das Urheberrecht! |
| | |
| |
| ==== Sonderfall YouTube Videos ==== | ==== Sonderfall YouTube Videos ==== |
| |
| |
| ==== Einbindung mittels Flash ==== | ==== Probleme mit dem Speicherplatz ==== |
| |
| Anfang des 21. Jh war Flash das Mittel der Wahl, um Videos im Internet abzuspielen. Inzwischen ist diese Einbindung mit zwei großen Nachteilen behaftet: Erstens funktioniert es nicht auf dem iPhone/iPad und zweitens wird das Flash-PlugIn des Browsers mitunter wegen Sicherheitsbedenken deaktiviert. | 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. |
| |
| Eine sehr praktische Hilfe dabei ist der [[http://www.dvdvideosoft.com/products/dvd/Free-Video-to-Flash-Converter.htm|Free Video to Flash Converter]]. bei der Installation kann man die vorgeschlagenen Toolbars getrost deaktivieren/nicht installieren, gleiches gilt für enthaltene Zusatzsoftware (z.B. TuneUp Utilities). Das Programm hilft dabei, Videos in Flash-Videos umwandeln und im Internet abzuspielen: | 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. |
| |
| - Programm starten (nach dem ersten Start: //Options// -> //Language// "German" -> //OK//) | <code html> |
| - //Dateien hinzufügen// | <source src="https://www.example.com/projectXYZ/dateiname.mp4" type="video/mp4" /> |
| - Die gewünschte Datei auswählen (das Programm unterstützt viele gängige Dateiformate) | </code> |
| - //Öffnen// | |
| - //Format// | |
| - "FLV" | |
| - Die Voreinstellung "High Quality" mit 1 MBit/s ist eine gute Ausgangsbasis. Evtl. muss man die Bildgröße und/oder Datenrate noch ein wenig anpassen) | |
| - Unter //Player// kann man noch viele Optionen festlegen, welche Bedienknöpfe angezeigt werden, etc. | |
| - Da Kreuzchen bei //HTML-Beispieldatei anzeigen// sollte gesetzt sein | |
| - //Konvertieren// -- das dauert dann eine Weile | |
| | |
| Der Converter speichert im Ausgabeverzeichnis das Flash-Video (FLV) und den eigentlichen Player zum Abspielen des Videos (SWF-Datei). Unter Umständen ist auch noch eine Steuerungsdatei (XML) enthalten. Die zwei (oder drei) Dateien lädt man in das Befragungsprojekt hoch -- eine eventuelle HTML- oder CSS-Datei im Ausgabeverzeichnis brauchen Sie nicht hochzuladen. Die Video-Datei (FLV) darf auf www.soscisurvey.de maximal 64 MB umfassen. | |
| | |
| **Wichtig:** In neueren Versionen des Free Video to Flash Converter weicht die Ausgabe u.U. stark davon ab, was hier in der Anleitung beschrieben ist. In diesem Fall sind einige Anpassungen notwendig ([[http://forum.onlineforschung.org/viewtopic.php?p=25362#p25362|Support-Forum: Einbindung von Flash Video]]). | |
| |
| Nach der Konvertierung öffnet sich im Browser eine Seite, auf der der nötige HTML-Code steht (hat man das Fenster geschlossen, kann man auch einfach nochmals die HTML-Datei öffnen, die das Programm im Ausgabeverzeichnis erzeugt hat). Der relevante HTML-Code steht unter //Copy the code from the box below to your web page//, die ''<noscript>''-Zeile kann man ggf. anpassen -- sie wird angezeigt wenn JavaScript deaktiviert ist und das Video vermutlich nicht angezeigt werden kann (s. Beispiel unten). | **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. |
| |
| Diesen HTML-Code speichert man am besten als Textbaustein (**Textbausteine und Beschriftungen**). Im Textbaustein muss als //Darstellung// die Option "HTML-Code" ausgewählt werden. Anschließend zieht man den Textbaustein in den Fragebogen (**Fragebogen zusammenstellen**). | 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> | <code html> |
| <object id="Object2" type="application/x-shockwave-flash" data="player_flv_classic.swf" width="480" height="360"> | <source src="https://www.dropbox.com/s/eccvtg69sxl8ume/video001.mp3?dl=1" type="video/mp4" /> |
| <noscript>Ihr Browser unterstützt leider keine Flash oder JavaScript.</noscript> | |
| <param name="movie" value="player_flv_classic.swf" /> | |
| <param name="wmode" value="opaque" /> | |
| <param name="allowScriptAccess" value="sameDomain" /> | |
| <param name="quality" value="high" /> | |
| <param name="menu" value="true" /> | |
| <param name="autoplay" value="false" /> | |
| <param name="autoload" value="false" /> | |
| <param name="FlashVars" value="configxml=FlickAnimation.xml" /> | |
| </object> | |
| </code> | </code> |
| |
| **Tipp:** Die Flash-Anwendung zum Abspielen der FLV-Dateien unterstützt noch eine große Anzahl weiterer Optionen, s. [[http://www.dvdvideosoft.com/guides/new-multi-flash-player-settings.htm|DVD Video Soft: Multi Flash Player Settings]] | **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 ===== |
| |
| * prüfen Sie bei der Auswertung die Verweildauer auf der entsprechenden Seite ([[:de:results:variables#antwortzeiten|Antwortzeiten]]) oder | * prüfen Sie bei der Auswertung die Verweildauer auf der entsprechenden Seite ([[:de:results:variables#antwortzeiten|Antwortzeiten]]) oder |
| * 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. |
| | |
