Eine der Funktionen von Computeranwendungen besteht darin, dass es Rückmeldungen gibt, wenn Sie etwas tun. Die häufigste Art der Rückkopplung ist der Ton. Der Computer klickt beim Auswählen von Dingen, piept bei Fehlern und macht andere Geräusche, um Sie auf Situationen hinzuweisen. Aber Webseiten haben diese Art von Feedback nicht. Dadurch wirken sie stumpf oder reagieren nicht.
Zum Glück ist das leicht zu ändern. Mit dynamischen HTML-Attributen und Sounds können Sie eine Webseite erstellen, die sich eher wie eine Anwendung verhält.
Sound hinzufügen, wenn ein Kunde auf etwas klickt
Dieses Skript fügt Soundeffekte hinzu, wenn ein Kunde mit dem Attribut auf etwas klickt und wenn ein Kunde mit dem Attribut etwas rollt. Stellen Sie sicher, dass Sie sie in verschiedenen Browsern testen, da nicht alle Webbrowser das Mouseover und die Klickattribute auf andere Elemente als Links anwenden.
Fügen Sie das folgende Skript in den Kopf Ihres HTML-Dokuments ein:
Das JavaScript fügt ein EMBED-Element in ein leeres SPAN-Element ein, wenn das Skript gestartet wird. Sie müssen also das folgende SPAN-Tag irgendwo innerhalb des BODY Ihrer HTML-Seite hinzufügen, vorzugsweise am oberen Rand des Dokuments: Das letzte, was Sie hinzufügen müssen, ist ein Element, das Sie beim Klicken oder Mouseover erzeugen möchten. Rufen Sie das Skript mit einem dieser Attribute auf. Ersetzen Sie UrlToSoundFile durch die vollständige URL der Sounddatei, die Sie abspielen möchten: Klicken Sie hier, um einen Ton zu hören<> onmouseover = "playSound ('UrlToSoundFile');" > Bewegen Sie den Mauszeiger über diesen Text, um einen Ton zu hören
Hier ist das gesamte HTML-Dokument, das den Sound eines Bluejay wiedergibt. Die Sounddatei wird im selben Verzeichnis wie die HTML-Seite gespeichert:
Klicken Sie hier, um einen Vogel zu hören Platzieren Sie den Sound in einem leeren Bereich
Rufen Sie das Skript mit einem Attribut auf
