Beide Seiten der vorigen RevisionVorhergehende ÜberarbeitungNächste Überarbeitung | Vorhergehende ÜberarbeitungNächste ÜberarbeitungBeide Seiten der Revision |
de:create:media [21.05.2019 14:29] – admin | de:create:media [20.12.2019 17:26] – admin |
---|
==== mp3 einfach einbinden ==== | ==== mp3 einfach einbinden ==== |
| |
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 dafür sorgen, dass das Abspielen automatisch startet. |
| |
| |
window.addEventListener("load", function() { | window.addEventListener("load", function() { |
window.setTimeout(function() { | window.setTimeout(function() { |
var audio = document.getElementById("audio04"); | var audio = document.getElementById("audio04"); |
if (audio.paused) { | if (audio.paused) { |
audio.setAttribute("controls", "yes"); | audio.setAttribute("controls", "yes"); |
</script> | </script> |
</code> | </code> |
| |
| Ebenfalls mittels JavaScript kann man die Steuerung der Audio-Datei auch noch weiter verfeinern. So kann man über das JavaScript-Ereignis (Event) ''ended'' etwa nach dem Abspielen der Audiodatei automatisch zur nächste Seite weiterleiten. |
| |
| <code html> |
| <audio id="audio05" preload controlsList="nodownload" autoplay> |
| <source src="someAudio.mp3"> |
| </audio> |
| <script type="text/javascript"> |
| <!-- |
| window.addEventListener("load", function() { |
| window.setTimeout(function() { |
| // Audio-Element anhand der ID identifizieren |
| var audio = document.getElementById("audio05"); |
| // Kontrollelemente einblenden, falls das Video nicht automatisch anläuft |
| if (audio.paused) { |
| audio.setAttribute("controls", "yes"); |
| } |
| // Nach dem Abspielen automatisch weiter zur nächsten Seite |
| audio.addEventListener("ended", SoSciTools.submitPage); |
| }, 250); |
| }); |
| // --> |
| </script> |
| </code> |
| |
| |
| |
| |
</code> | </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. | **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, dann blockieren das die meisten Browser. |
| |
| Falls man Zugriff auf Sync&Share hat, kann man auch dort Videos ablegen. Nach dem Hochladen der Datei auf Sync&Share wählt man neben der Datei das Symbol zum Erstellen eines Download-Links (Ketten-Symbol). Auf der Download-Seite, die sich dann öffnet, steht in einem Kästchen "Download" und der Name der Datei -- hierbei handelt es sich um einen Link. Mit einem Rechtsklick auf den Link können Sie das Link-Ziel in die Zwischenablage kopieren und anschließend im ''<video>''-Tag verwenden: |
| |
| <code html> |
| <source src="https://syncandshare.lrz.de/dl/fiR1vpLSm7zeDmYRoxRAiAQF/sample.mp4" type="video/mp4" /> |
| </code> |
| |
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: | Falls man keinen Zugriff auf eigenen Online-Speicher hat, kann man auf den Anbieter [[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> |