Audio-Wiedergabe mittels Javascript bearbeitet von miholzi 24.01.2018 11:02 Hallo zusammen, ich erstelle gerade eine einzelne HTML-Seite, die verschiedene Sounddateien bei Mausklick wiedergeben soll. Hatte das zuerst mit dem AUDIO-Objekt probiert, was einwandfrei funktionierte. Doch auf dem Tablet hat das Control-Element vom Aduio-Objekt mein Layout nicht so dargestellt wie ich möchte. Dann habe ich im Netz eine Anleitung gefunden, das mit hilfe eines Scripts zu erledigen. Das funktioniert prima, allerdings nur mit einer Audio-Datei, ich habe aber 12. Das wäre mein Code: ~~~HTML <!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>Test</title> <link href="design.css" rel="stylesheet"> </head> <body> <script type="text/javascript"> function toggleSound() { var audioElem = document.getElementById('audio'); if (audioElem.paused) audioElem.play(); else audioElem.pause(); } </script> <p> <audio id="audio" preload="none"> <source src="audio/alpen.mp3"></audio> <button id="audio" type="button" onclick="javascript:toggleSound();">Start/Stop</button> <audio id="audio"> <source src="audio/alpen.mp3" type="audio/mpeg">Your browser does not support this audio format. </audio> <audio id="audio" preload="none"> <source src="audio/zug.mp3" type="audio/mpeg"> </audio> <button id="audio" type="button" onclick="javascript:toggleSound();">Start/Stop</button> <audio id="audio"> <source src="audio/zug.mp3" type="audio/mpeg">Your browser does not support this audio format. </audio> <br> </p> </body> </html> ~~~ Ich kenne mich leider nur etwas aus und bin auf euere Hilfe angewiesen. Das sieht man schon daran, dass ich es nicht schaffe, den Quelltext hier ordentlich einzusetzen. Vielen Dank für euere Hilfe, Michael
Audio-Wiedergabe mittels Javascript bearbeitet von Orlok 24.01.2018 20:14 Hallo zusammen, ich erstelle gerade eine einzelne HTML-Seite, die verschiedene Sounddateien bei Mausklick wiedergeben soll. Hatte das zuerst mit dem AUDIO-Objekt probiert, was einwandfrei funktionierte. Doch auf dem Tablet hat das Control-Element vom Aduio-Objekt mein Layout nicht so dargestellt wie ich möchte. Dann habe ich im Netz eine Anleitung gefunden, das mit hilfe eines Scripts zu erledigen. Das funktioniert prima, allerdings nur mit einer Audio-Datei, ich habe aber 12. Das wäre mein Code: ~~~ <!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>Test</title> <link href="design.css" rel="stylesheet"> </head> <body> <script type="text/javascript"> function toggleSound() { var audioElem = document.getElementById('audio'); if (audioElem.paused) audioElem.play(); else audioElem.pause(); } </script> <p> <audio id="audio" preload="none"> <source src="audio/alpen.mp3"></audio> <button id="audio" type="button" onclick="javascript:toggleSound();">Start/Stop</button> <audio id="audio"> <source src="audio/alpen.mp3" type="audio/mpeg">Your browser does not support this audio format. </audio> <audio id="audio" preload="none"> <source src="audio/zug.mp3" type="audio/mpeg"> </audio> <button id="audio" type="button" onclick="javascript:toggleSound();">Start/Stop</button> <audio id="audio"> <source src="audio/zug.mp3" type="audio/mpeg">Your browser does not support this audio format. </audio> <br> </p> </body> </html> ~~~ Ich kenne mich leider nur etwas aus und bin auf euere Hilfe angewiesen. Das sieht man schon daran, dass ich es nicht schaffe, den Quelltext hier ordentlich einzusetzen. Vielen Dank für euere Hilfe, Michael
Audio-Wiedergabe mittels Javascript bearbeitet von Auge 24.01.2018 11:18 Hallo zusammen, ich erstelle gerade eine einzelne HTML-Seite, die verschiedene Sounddateien bei Mausklick wiedergeben soll. Hatte das zuerst mit dem AUDIO-Objekt probiert, was einwandfrei funktionierte. Doch auf dem Tablet hat das Control-Element vom Aduio-Objekt mein Layout nicht so dargestellt wie ich möchte. Dann habe ich im Netz eine Anleitung gefunden, das mit hilfe eines Scripts zu erledigen. Das funktioniert prima, allerdings nur mit einer Audio-Datei, ich habe aber 12. Das wäre mein Code: ~~~html <!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>Test</title> <link href="design.css" rel="stylesheet"> </head> <body> <script type="text/javascript"> function toggleSound() { var audioElem = document.getElementById('audio'); if (audioElem.paused) audioElem.play(); else audioElem.pause(); } </script> <p> <audio id="audio" preload="none"> <source src="audio/alpen.mp3"></audio> <button id="audio" type="button" onclick="javascript:toggleSound();">Start/Stop</button> <audio id="audio"> <source src="audio/alpen.mp3" type="audio/mpeg">Your browser does not support this audio format. </audio> <audio id="audio" preload="none"> <source src="audio/zug.mp3" type="audio/mpeg"> </audio> <button id="audio" type="button" onclick="javascript:toggleSound();">Start/Stop</button> <audio id="audio"> <source src="audio/zug.mp3" type="audio/mpeg">Your browser does not support this audio format. </audio> <br> </p> </body> </html> ~~~ Ich kenne mich leider nur etwas aus und bin auf euere Hilfe angewiesen. Das sieht man schon daran, dass ich es nicht schaffe, den Quelltext hier ordentlich einzusetzen. Vielen Dank für euere Hilfe, Michael
Audio-Wiedergabe mittels Javascript bearbeitet von dedlfix 24.01.2018 11:17 Hallo zusammen, ich erstelle gerade eine einzelne HTML-Seite, die verschiedene Sounddateien bei Mausklick wiedergeben soll. Hatte das zuerst mit dem AUDIO-Objekt probiert, was einwandfrei funktionierte. Doch auf dem Tablet hat das Control-Element vom Aduio-Objekt mein Layout nicht so dargestellt wie ich möchte. Dann habe ich im Netz eine Anleitung gefunden, das mit hilfe eines Scripts zu erledigen. Das funktioniert prima, allerdings nur mit einer Audio-Datei, ich habe aber 12. Das wäre mein Code: `<!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>Test</title> <link href="design.css" rel="stylesheet"> </head> <body> <script type="text/javascript"> function toggleSound() { var audioElem = document.getElementById('audio'); if (audioElem.paused) audioElem.play(); else audioElem.pause(); } </script> <p> <audio id="audio" preload="none"> <source src="audio/alpen.mp3"></audio> <button id="audio" type="button" onclick="javascript:toggleSound();">Start/Stop</button> <audio id="audio"> <source src="audio/alpen.mp3" type="audio/mpeg">Your browser does not support this audio format. </audio> <audio id="audio" preload="none"> <source src="audio/zug.mp3" type="audio/mpeg"> </audio> <button id="audio" type="button" onclick="javascript:toggleSound();">Start/Stop</button> <audio id="audio"> <source src="audio/zug.mp3" type="audio/mpeg">Your browser does not support this audio format. </audio> <br> </p> </body> </html>` Ich kenne mich leider nur etwas aus und bin auf euere Hilfe angewiesen. Das sieht man schon daran, dass ich es nicht schaffe, den Quelltext hier ordentlich einzusetzen. Vielen Dank für euere Hilfe, Michael
nicht angemeldet
