• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

wav-Datei mit <onClick> in FF aufrufen

U

udo_html

Neues Mitglied
HALLO,
ich möchte eine *.wav-Musik erst hören, wenn ich sie über einen Grafik-Button angeklickt habe.
Mit IE klappt das problemlos. Der folgende Rumpf-Code ist dafür völlig ausreichen und muss auch nicht erörtert werden.
In FF kann ich auch (separat) meinen Grafik-Button anzeigen und die *.wav-Datei (unabhängig davon) abspielen lassen. Mir fehlt jetzt die Verbindung, damit die Musi erst mit <onClick> anfängt.
Hat jemand eine Idee? Danke.
Es folgt der gemeinsame Code für die beiden Alternativen. Je nach Browser funktioniert die eine oder die andere Musi.

<html>
<head></head>
<TITLE>Tonproben mit "onClick"</TITLE>

<!-- Programm für Internet Explorer -->
<script type="text/javascript">
function JS_Prozedur(musik) {
document.getElementById("msaudio").setAttribute("src", musik);
};
</script>

<bgsound id="msaudio" src loop="1">

<img onClick="JS_Prozedur('sound/satz3.wav')" src="speaker/speaker.gif" >
<!-- Ende Programmteil für Internet Explorer -->


<!-- Daraus soll dasgleiche für Firefox werden -->
<img onClick src="speaker/speaker1.gif">

<audio src=sound/satz1.wav autoplay="true" > </audio>
 
HTML: 
<img onclick="document.getElementById("musicplayff").play()" src="speaker/speaker1.gif" /><audio id="musicplayff" src="sound/satz1.wav" ></audio>
Sowas? Oder

HTML: 
<audio controls>
<source src="sound/satz1.wav"  type="audio/wav">
</audio>
 
Zuletzt bearbeitet:
thecain schrieb:
HTML: 
<img onclick="document.getElementById("musicplayff").play()" src="speaker/speaker1.gif" />
<audio id="musicplayff" src="sound/satz1.wav" ></audio>
Sowas? Oder

HTML: 
<audio controls>
<source src="sound/satz1.wav"  type="audio/wav">
</audio>
Zum Vergrößern anklicken....
Hallo thecain,
vielen Dank für die schnelle Antwort. Vorschlag 2 läuft gut. Ich wollte aber keinen Player.
Bei Vorschlag 1 kümmert sich (in der zweiten Zeile) "audio" überhaupt nicht um "id="musicplayff"". Es ist aber kein Bezug zu onClick vorhanden. Ich kann das völlig löschen. Hören kann ich allerdings erst, wenn ich auf
<audio id="musicplayff" src="sound/satz1.wav" autoplay></audio> ergänzt habe. Die Musi spielt sofort.
Wenn ich "id..." lösche, wird auch sofort gespielt.
Schade...
 
HTML: 
<img onclick="document.getElementById('musicplayff').play()" src="speaker/speaker1.gif" /><audio id="musicplayff" src="sound/satz1.wav" ></audio>

Wenn man dann die Anführungszeichen noch richtig macht gehts dann auch... ' statt " bei getElementById muss natürlich sein..
 
thecain schrieb:
HTML: 
<img onclick="document.getElementById('musicplayff').play()" src="speaker/speaker1.gif" /><audio id="musicplayff" src="sound/satz1.wav" ></audio>

Wenn man dann die Anführungszeichen noch richtig macht gehts dann auch... ' statt " bei getElementById muss natürlich sein..
Zum Vergrößern anklicken....
HURRAAAAA! DANKE! Das passt!
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben