Gesprochenen Text abspielen

**jahna** · 07.04.2011, 17:34

Kann mir jemand erklären, wie ich einen gesprochenen Text beim anklicken eines Bildes abspielen lassen kann?

**elukas** · 07.04.2011, 19:20

Hallo Jahna,

zuerst den Javascript in die Seite einbauen

Code:

<!-- --><bgsound id="soundfiles"> 
<script language="JavaScript"><!-- // Sound on Mouseover javascript 
supplied by http://www.hypergurl.com var aySound = new Array(); // PLACE YOUR 
SOUND FILES BELOW aySound[0] = "CHORD.wav"; aySound[1] = "DING.wav"; 
aySound[2] = "CHORD.wav"; // Don't alter anything below this line IE 
= (navigator.appVersion.indexOf("MSIE")!=-1 && document.all)? 
1:0; NS = (navigator.appName=="Netscape" && navigator.plugins["LiveAudio"])? 
1:0; ver4 = IE||NS? 1:0; onload=auPreload; function auPreload() { if (!ver4) return; 
if (NS) auEmb = new Layer(0,window); else { Str = "<DIV ID='auEmb' STYLE='position:absolute;'></DIV>"; 
document.body.insertAdjacentHTML("BeforeEnd",Str); } var Str = ''; for 
(i=0;i<aySound.length;i++) Str += "<EMBED SRC='"+aySound[i]+"' 
AUTOSTART='FALSE' HIDDEN='TRUE'>" if (IE) auEmb.innerHTML = Str; else 
{ auEmb.document.open(); auEmb.document.write(Str); auEmb.document.close(); } 
auCon = IE? document.all.soundfiles:auEmb; auCon.control = auCtrl; } function 
auCtrl(whSound,play) { if (IE) this.src = play? aySound[whSound]:''; else eval("this.document.embeds[whSound]." 
+ (play? "play()":"stop()")) } function playSound(whSound) 
{ if (window.auCon) auCon.control(whSound,true); } function stopSound(whSound) 
{ if (window.auCon) auCon.control(whSound,false); } //--></script> <!-- 
-->

und dann das Bild einfügen...
<img src="yourimage.gif" onMouseOver="playSound(3)" onMouseOut="stopSound(3)">

lg elukas

**jahna** · 08.04.2011, 11:10

Danke!
Muss aber nachfragen:
Bei mir ist das Bild als Elementtyp Bild in die Seite eingeordnet. Wo muss ich denn nun genau diesen Java Script einfügen?

**jahna** · 08.04.2011, 20:09

Hier mein Versuch den Code einzubauen. Allerdings wird so der gesamten Code auf der Webseite angezeigt

.

**jahna** · 08.04.2011, 20:31

...hab noch den Code JAVA bestimmt und dann erscheint das hier:

***xchs*** · 08.04.2011, 22:15

Hallo jahna,

das Artikel-Inhaltselement "Code" ist nur für die formatierte Ausgabe im Frontend vorgesehen und nicht für das Einbinden von (JavaScript)Code in einem HTML-Dokument.

Du könntest diesen Code in eine externe JavaScript-Datei auslagern und dann im "Seitenlayout" / Bereich "Experten-Einstellungen" über das Feld "Zusätzliche <head>-Tags" einbinden.

Ob es auch funktioniert, wenn Du den Code am Seitenende einbindest, weiß ich nicht. In diesem Fall könntest Du den Code direkt in das Eingabefeld "Eigener JavaScript-Code" eingeben. Allerdings würde ich dann im <script>-Element standardkonforme Attribute reinschreiben, also anstelle von

Code:

<script language="JavaScript">

sowas hier

Code:

<script type="text/javascript">

**jahna** · 09.04.2011, 08:33

Zitat von elukas

Hallo Jahna,

zuerst den Javascript in die Seite einbauen

Code:

<!-- --><bgsound id="soundfiles"> 
<script language="JavaScript"><!-- // Sound on Mouseover javascript 
supplied by http://www.hypergurl.com var aySound = new Array(); // PLACE YOUR 
SOUND FILES BELOW aySound[0] = "CHORD.wav"; aySound[1] = "DING.wav"; 
aySound[2] = "CHORD.wav"; // Don't alter anything below this line IE 
= (navigator.appVersion.indexOf("MSIE")!=-1 && document.all)? 
1:0; NS = (navigator.appName=="Netscape" && navigator.plugins["LiveAudio"])? 
1:0; ver4 = IE||NS? 1:0; onload=auPreload; function auPreload() { if (!ver4) return; 
if (NS) auEmb = new Layer(0,window); else { Str = "<DIV ID='auEmb' STYLE='position:absolute;'></DIV>"; 
document.body.insertAdjacentHTML("BeforeEnd",Str); } var Str = ''; for 
(i=0;i<aySound.length;i++) Str += "<EMBED SRC='"+aySound[i]+"' 
AUTOSTART='FALSE' HIDDEN='TRUE'>" if (IE) auEmb.innerHTML = Str; else 
{ auEmb.document.open(); auEmb.document.write(Str); auEmb.document.close(); } 
auCon = IE? document.all.soundfiles:auEmb; auCon.control = auCtrl; } function 
auCtrl(whSound,play) { if (IE) this.src = play? aySound[whSound]:''; else eval("this.document.embeds[whSound]." 
+ (play? "play()":"stop()")) } function playSound(whSound) 
{ if (window.auCon) auCon.control(whSound,true); } function stopSound(whSound) 
{ if (window.auCon) auCon.control(whSound,false); } //--></script> <!-- 
-->

und dann das Bild einfügen...
<img src="yourimage.gif" onMouseOver="playSound(3)" onMouseOut="stopSound(3)">

lg elukas

Könnte mir bitte jemand Schritt für Schritt angeben, wie ich vorgehen muss, damit ich die Idee von elukas richtig umsetzenkann... Ich hab noch keine Ahnung von Contao-Programmierung und finde mich eher schlecht zurecht....

**jahna** · 12.04.2011, 07:47

Hier komm ich definitiv nicht weiter und wäre dankbar für Hilfe

**jahna** · 17.04.2011, 15:33

Gibt es denn niemand hier im Forum, der mir helfen kann?

**ATLAS** · 18.04.2011, 06:07

Ich würde eher versuchen über das mp3-Plugin den Text abzuspielen. Das erfordert zwar einen zusätzlichen Knopf, hätte aber den Vorteil, das diese Datei nicht fest verdrahtet wäre und bei Änderungen die Handhabung leichter ist.

**jahna** · 18.04.2011, 07:43

Welcher Player wäre denn für 2.9.4 am besten geeignet?
Ich möchte einfa
Er soll die Möglichkeit bieten, ganz einfach die hinterlegte Datei schnell und unkompliziert, möglichst mit einem Klick abzuspielen.