Martl: audio tag

Beitrag lesen

SELF-Forum

audio tag

Martl
+1 Informationen zu den Bewertungsregeln

Hallo tagger,

so verwendet muß eine Funktion einen eindeutigen Namen haben! Näheres zu Funktionen siehe im Wiki.

Hier ein Beispiel:

<!DOCTYPE HTML>
<html lang="de">	
	<head>		
		<meta charset="utf-8">		
		<title>Audio
		</title>		
		<script>
			function aud_play_pause(e) {
				var myaudio = document.getElementById(e);
				if (myaudio.paused) {
					myaudio.play();
				} else {
					myaudio.pause();
				}
			}
		</script>	
	</head>	
	<body>
		<audio id="audio_1" src="https://wiki.selfhtml.org/local/Europahymne.mp3" type="audio/mp3">  
			Your user agent does not support the HTML5 Audio element. 
		</audio>
		<button type="button" onClick="aud_play_pause('audio_1')">
			Play/Pause
		</button>
		<hr>
		<audio id="audio_2" src="https://wiki.selfhtml.org/local/Europahymne.mp3" type="audio/mp3">  
			Your user agent does not support the HTML5 Audio element. 
		</audio>
		<button type="button" onClick="aud_play_pause('audio_2')">
			Play/Pause
		</button>
	</body>
</html>

onclick übergibt als Argument die ID des Audioelements an die Funktion; e als Variable enthält dann die ID und die Funktion wird im Kontext des damit angesprochenen Audioelements ausgeführt.

Grüße, Martl

Beitrag melden
+1
Informationen zu den Bewertungsregeln