Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- de:create:media [21.05.2019 14:29] – admin
+++ de:create:media [08.06.2019 11:23] – [Probleme mit dem Speicherplatz] typo jxh101
@@ Zeile 88: / Zeile 88: @@
 window.addEventListener("load", function() {
   window.setTimeout(function() {
-  var audio = document.getElementById("audio04");
+    var audio = document.getElementById("audio04");
     if (audio.paused) {
       audio.setAttribute("controls", "yes");
@@ Zeile 97: / Zeile 97: @@
 </script>
 </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>
@@ Zeile 189: / Zeile 215: @@
 </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 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: