Wie kann ich den Download button aus dem Media Player entfernen?

Question

Wie kann ich den Download button aus dem Media Player entfernen?

commented Mar 23, 2018 by s091478 (120 points)

1 Answer

Answer 1 · 2018-03-23T07:32:14+0000

answered Mar 23, 2018 by SoSci Survey (327k points)

Grundsätzlich gilt: Was der Teilnehmer anhören kann, kann er auch herunterladen. Entweder direkt im Browser oder mit 2 Klicks über die Browserkonsole. Das können Sie sachlogisch einfach nicht verhindern - außer, die nutzen DRM mit passenden Rechnern auf der Gegenseite. Der technische Aufwand ist aber hoch und Sie würden wohl viele Teilnehmer verlieren.

Welche Optionen Ihr Browser im Medienplayer genau angezeigt, hängt nicht zuletzt vom Browser ab. Chrome zeigt seit einer Weile einen Download-Button. Diesen können Sie mit dem zusätzliche Parameter controlsList="nodownload" verhindern:

<audio preload="auto" controls controlsList="nodownload">
  <source src="audio.mp3" type="audio/mpeg" />
  <source src="audio.ogg" type="audio/ogg" />
  Ihr Browser kann diese Audio-Datei leider nicht abspielen
</audio>

Quellen

Audio/Video Updates in Chrome 58
In Chrome 55, prevent showing Download button for HTML 5 video
Disable download button for Google Chrome?

commented Mar 23, 2018 by s091478 (120 points)
edited Mar 23, 2018 by s091478

Danke! Jetzt hat es funktioniert, der Download button ist weg. Eine Anschlussfrage noch: Ist es auch möglich, das Spulen zu deaktivieren, also so dass die Teilnehmer in der Audiodatei nicht vor und zurück springen können und sich die Datei nur einmal anhören können? Ich habe diesen Code gefunden und im Feld "Fragebogen zusammenstellen" ausprobiert :

var video = document.getElementById('video');
var supposedCurrentTime = 0;
video.addEventListener('timeupdate', function() {
  if (!video.seeking) {
        supposedCurrentTime = video.currentTime;
  }
});
// prevent user from seeking
video.addEventListener('seeking', function() {
  // guard agains infinite recursion:
  // user seeks, seeking is fired, currentTime is modified, seeking is fired, current time is modified, ....
  var delta = video.currentTime - supposedCurrentTime;
  if (Math.abs(delta) > 0.01) {
    console.log("Seeking is disabled");
    video.currentTime = supposedCurrentTime;
  }
});
// delete the following event handler if rewind is not required
video.addEventListener('ended', function() {
  // reset state in order to allow for rewind
    supposedCurrentTime = 0;
});

Ich habe es aber nicht geschafft, ihn auf die Audiodatei anzupassen. Alternativ kann ich auch einfach alle Kontroll-Elemente entfernen, habe dann aber Sorge, dass "Autoplay" auf mobilen Geräten nicht funktioniert.

Vielen Dank schon mal!

commented Mar 23, 2018 by SoSci Survey (327k points)

commented Mar 31, 2018 by s091478 (120 points)

Hallo noch einmal,
leider ist es mir noch immer nicht gelungen, das Abspielen der Audio Datei auf einmal zu begrenzen. So weit bin ich bislang:

<audio id="audio" preload="auto">
  <source src="england62_-_Kurz.mp3" type="audio/mpeg" />
  <source src="audio.ogg" type="audio/ogg" />
  Ihr Browser kann diese Audio-Datei leider nicht abspielen
</audio>

Ich habe also alle control Elemente entfernt. Anschließend habe ich dann diesen Code benutzt:

<audio id="england62_-_kurz.mp3" preload="auto" style="position: absolute; left: -5000px;">
  <source src="england62_-_kurz.mp3" type="audio/mpeg" />
  <source src="audio.ogg" type="audio/ogg" />
</audio>

<script type="text/javascript">
var counter = 0;
function playAudio() {
  if (counter < 1) {
    var audio = document.getElementById("audio01");
    audio.currentTime = 0; // Zurückspulen
    audio.play();
    counter++;
  }
}
</script>

<div>
  <button type="button" onclick="playAudio()">Abspielen</button>
</div>

Nun erscheint zwar ein "Abspielen" button, wenn ich den jedoch drücke, passiert absolut gar nichts. Können Sie mir sagen, wo mein Fehler liegt?
Das Ziel ist, dass der Teilnehmer einmal selbstständig auf Play drückt und sich die Datei dann genau einmal ohne zu spulen anhören kann.

Vielen Dank schon mal!

commented Apr 2, 2018 by SoSci Survey (327k points)

commented Apr 2, 2018 by s091478 (120 points)

Hallo noch mal,

folgende Fehlermeldung gibt es: VM104:1 Uncaught SyntaxError: Unexpected token <

unten steht noch mal die gesamte Angabe aus der Opera Konsole. Genau, die Datei ist zwar auf Start, es geht mir aber darum, dass die Teilnehmer überhaupt nicht zurückspulen können, um zu verhindern, dass sie es sich mehrfach anhören. Bloß einen Abspielen-Button soll es geben, und der ist zwar da, spielt aber eben nichts ab. Da ich noch nie zuvor irgendwas mit Programmieren zu tun gehabt habe, habe ich mir die entsprechenden Codes zwar aus verschiedenen Foren zusammengesucht, kann aber Fehler darin nicht erkennen oder analysieren.

Vielen Dank!

  <source src="england62_-_kurz.mp3" type="audio/mpeg" />

  <source src="audio.ogg" type="audio/ogg" />

</audio>

<script type="text/javascript">

var counter = 0;

function playAudio() {

  if (counter < 1) {

    var audio = document.getElementById("england62_-_kurz");

    audio.currentTime = 0; // Zurückspulen

    audio.play();

    counter++;

  }

}

</script>

<div>

  <button type="button" onclick="playAudio()">Abspielen</button>

</div>
VM104:1 Uncaught SyntaxError: Unexpected token <

commented Apr 2, 2018 by SoSci Survey (327k points)

commented Apr 2, 2018 by s091478 (120 points)

commented Apr 3, 2018 by SoSci Survey (327k points)

commented Apr 3, 2018 by s091478 (120 points)

Wie kann ich den Download button aus dem Media Player entfernen?

Please log in or register to add a comment.

Please log in or register to answer this question.

1 Answer

Please log in or register to add a comment.

Categories