Warum suchst du nicht selbst im Forum danach?
Du meinst das Thema dass wir schon mal hatten ?
EDIT: Ja genau, WM-Loose hat es ja schon geschrieben.
Das war nicht die Frage!
Der Zugang #18 ist gesperrt und daran ändert sich auch nichts.
Der original Code findest du im Beitrag #15
ja, nee, ich möchte nur die Seite https://tass.ewbb.ch/test-mp3-bild mit meinem iPhone aufrufen, um das Thema abzuschließen.
Am PC hat es ja funktioniert. Aber iOS???
Danach entscheide ich, ob ich noch einen Ansatz mit JS versuche oder nicht.
vG
derkps , dieser Link war, wie auch geschrieben, nur für kurze Zeit online. Es war ein Test meinerseits.
Du hast also 2 Möglichkeiten dir den funktionierenden mp3 + JavaScript anzuschauen und zu testen:
1. Auf der Originalseite gemäss Beitrag #15
codepen.io/gunnarbittersmann/pen/apmyWQ
2. Auf der Webseite vom Thread Ersteller gemäss Beitrag #1
Spielt den den folgender Link die Klingelmelodie:
https://upload.wikimedia.org/wikipedia/commons/3/34/Sound_Effect_-_Door_Bell.ogg
Bezüglich Stwerner-schuetzen:
Wenn ich mich nicht täusche ist es dort ja nur folgendes Javascript und der entsprechende "Button" zum abspielen:
<script>
window.addEventListener("load", function() {
if (document.getElementById("kuck" && "knall")) {
document.getElementById("kuck").addEventListener("click", kuckuck);
document.getElementById("knall").addEventListener("click", knall);
}
});
function kuckuck() {
var bellSound = new Audio('../images/Kuckuck.mp3');
bellSound.play(); }
function knall() {
var bellSound = new Audio('../images/Knall.mp3');
bellSound.play(); }
</script><button id="kuck" style="padding: 0; border: none; background: none;"><img src="/images/kuckuck.jpg" alt="test" width="341" height="277" style="float: left;" /></button>
<button id="knall" style="padding: 0; border: none; background: none;"><img src="/images/Zielscheibe.jpg" width="242" height="242" alt="Zielscheibe" style="border: 1px solid #000000;" dir="ltr" loading="lazy" /></button>Kannst ja auch selbst im Seitenquelltext der Webseite nachschauen.
Edit:
Spielt den der klick auf den nachfolgenden Link die Klingelmelodie auf iOS ab?
https://upload.wikimedia.org/wikipedia/commons/3/34/Sound_Effect_-_Door_Bell.ogg
Was habe ich falsch gemacht?
Link zum Problem ?
Im Script hast du windfege
("click", windfege)Versuche mal
("click", function)Versuche auch mal:
("click", wind)...Sieger66 #9 Nein, der Link spielt auf iOS nicht...
Dann kann iOS mit .ogg-Audiodateien wohl nichts anfangen oder es ist nicht korrekt konfiguriert um .ogg-Audiodateien zu nutzen. Daher funktionieren die obigen Linkziele z.B. bei "codepen" bei dir auf iOS nicht, weil die eine .ogg-Audiodatei verwenden und per Javascript abspielen...
var bellSound = new Audio('https://upload.wikimedia.org/wikipedia/commons/3/34/Sound_Effect_-_Door_Bell.ogg');Bei stwerner-schuetzen werden übrigens .mp3-Audiodateien verwendet welche offensichtlich auch von iOS abgespielt bzw. verwendet werden können:
function kuckuck() {
var bellSound = new Audio('../images/Kuckuck.mp3');
bellSound.play(); }
function knall() {
var bellSound = new Audio('../images/Knall.mp3');
bellSound.play(); }Dein Link in #12 funtioniert nicht!
In deiner user.js mußt du auf jedenfall zuerst die beiden html-Tags <script> am Anfang und Ende komplett entfernen.
Daher derzeit auch der Abbruch mit der Fehlermeldung in der Browser-Konsole:
ZitatUncaught SyntaxError: expected expression, got '<'
Code("click", windfege)
("click", windfege) ist korrekt um die function windfege() auszuführen.
function windfege() {
var bellSound = new Audio('../images/stories/media/media4/windfege_mam.mp3');
bellSound.play(); }Derzeit aber auch noch fehlerhaft in der user.js Datei:
<script>
document.addEventListener("DOMContentLoaded", function() {
if (document.getElementById("wind")) {
document.getElementById("wind").addEventListener("click", function);
}
});
function windfege() {
var bellSound = new Audio('../images/stories/media/media4/windfege_mam.mp3');
bellSound.play(); }
</script>aus:
http://test.derkps.de/media/templates/site/cassiopeia_med/js/user.js?16b8aa
Per CSS z.B.:
.itemid-540 button {
margin: 0.3em;
float: left;
}Dauerfeuer höre und sehe ich nicht ?
Sofern du das mehrfache gleichzeitige wiedergeben der windfege_mam.mp3 meinst,
lege die Variable bellSound auserhalb der Funktion windfege fest wie es auch im Beispiel bei codepen ist.
document.addEventListener("DOMContentLoaded", function() { if (document.getElementById("wind")) { document.getElementById("wind").addEventListener("click", windfege);
}
});
var bellSound = new Audio('../images/stories/media/media4/windfege_mam.mp3');
function windfege() { bellSound.play(); }Ich bin aber nur Laie.
Kann man auch in einem großen Bild mehrere kleine Bilder auf bestimmter Position jeweils als einzelnen <button> setzen?
Nennt sich Image Map: https://blog.ppedv.de/post/Bil…e-anklicken-HTML-lt;mapgt;
Dieser Link in #18 wird fehlerhaft von der Forumsoftware abgeändert und ist daher dort fehlhaft und deshalb nochmal:
https://blog.ppedv.de/post/Bildausschnitte-anklicken-HTML-lt;mapgt;
...Mich wundert, welche Infomationen aus fremden Seiten gezogen werden...
Welche Informationen möchtest du erklärt bekommen wie man diese in fremden Seiten findet?