Musik Start/Stop Script

Crazywolf

Heyho,
ich kenne mich leider null mit Javaskript aus, und daher wollte ich euch fragen, ob mir jemand ein Start/Stop Skript für eine Website coden kann.
(Also: Musik läuft am Anfang mit Autostart und man kann irgendwo auf einen Button drücken, der die Musik dann stoppt.)
Kann als Belohnung 2-3€ PayPal bieten, mehr leider nicht.

Liebe Grüße;

teacher

Code

function playPause(){
    if(musik.paused){
        musik.play();
    } else {
        musik.pause();
    }
}

die variable 'musik' ist ein dom deines medienelementes welches normalerweise über die id definiert wird. die funktion soll beim event 'click' auf deinen button ausgeführt werden, daher musst du den button zuerst per dom definieren und anschließend das event. die doms und das event musst du ggf in eine onload funktion packen.

Kpoi

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<body>
    <button id="play">Play</button>
    <button id="pause">Stop</button>
</body>
<script>
$(function() {
    var audioElement = document.createElement('audio');
    audioElement.setAttribute('src', 'audio.mp3');
    audioElement.addEventListener('ended', function() {
        this.currentTime = 0;
        this.play();
    }, false);
    $('#play').click(function() {
        audioElement.play();
    });
    $('#pause').click(function() {
        audioElement.pause();
    });
});


</script>

Alles anzeigen

audioElement.setAttribute('src', 'audio.mp3');
audio.mp3 zur Quelle wechseln (Kann auch ein Link sein).

Crazywolf

Zitat von Firesky

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<body>
    <button id="play">Play</button>
    <button id="pause">Stop</button>
</body>
<script>
$(function() {
    var audioElement = document.createElement('audio');
    audioElement.setAttribute('src', 'audio.mp3');
    audioElement.addEventListener('ended', function() {
        this.currentTime = 0;
        this.play();
    }, false);
    $('#play').click(function() {
        audioElement.play();
    });
    $('#pause').click(function() {
        audioElement.pause();
    });
});


</script>

Alles anzeigen

audioElement.setAttribute('src', 'audio.mp3');
audio.mp3 zur Quelle wechseln (Kann auch ein Link sein).

Funktioniert soweit. Ich möchte aber, dass die Musik am Anfang automatisch beginnt, und man sie dann stoppen kann.

Habe das Skript jetzt so umgestellt:

JavaScript

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<body>
    <button id="play">Play</button>
    <button id="pause">Stop</button>
</body>
<script>
$(function() {
    var audioElement = document.createElement('audio');
    audioElement.setAttribute('src', 'music.mp3');
    audioElement.addEventListener('ended', function() {
        this.currentTime = 0;
        this.play();
    }, false);
    $('#pause').click(function() {
        audioElement.pause();
    });
});
</script>

Alles anzeigen

Kpoi

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<body>
    <button id="pause">Stop/Start</button>
</body>
<script>
$(function() {
    var audioElement = document.createElement('audio');
    audioElement.setAttribute('src', 'audio.mp3');
    audioElement.addEventListener('ended', function() {
        this.currentTime = 0;
        this.play();
    }, false);
	audioElement.play();
	$('#pause').click(function() {
	  var clicks = $(this).data('clicks');
	  if (clicks) {
		audioElement.play();
	  } else {
		 audioElement.pause();
	  }
	  $(this).data("clicks", !clicks);
	});
});
</script>

Alles anzeigen

Jetzt mitmachen!