Skip to main content

Kuuntele ääntä napsauttamalla tai siirtymällä

Another 15 Excel 2016 Tips and Tricks (Maaliskuu 2025)

Another 15 Excel 2016 Tips and Tricks (Maaliskuu 2025)
Anonim

Yksi tietokoneohjelmien ominaisuuksista on se, että on palautetta, kun teet jotain. Yleisin palautteen tyyppi on ääni. Tietokone napsauttaa, kun valitset asioita, kuuluu äänimerkki, kun on virheitä, ja tekee muita ääniä, jotka hälyttävät sinua tilanteisiin. Mutta verkkosivuilla ei ole tällaista palautetta. Tästä seuraa, että ne näyttävät tylsiltä tai ei-reaktiivisilta.

Onneksi se on helppo muuttaa. Käyttämällä dynaamisia HTML-ominaisuuksia ja ääniä voit luoda verkkosivun, joka toimii useammin kuin sovellus.

Lisää ääntä, kun asiakas napsauttaa jotain

Tämä skripti lisää äänitehosteita, kun asiakas napsauttaa jotain ominaisuuden käyttämistä ja kun asiakas rullataan jotain määritteen avulla. Muista testata niitä eri selaimissa, sillä kaikki web-selaimet eivät toimi hiiren osoittimilla eikä klikkausominaisuuksilla muista elementeistä kuin linkkeistä.

Aseta seuraava komentosarja HTML-asiakirjan HEAD:

Aseta ääni tyhjälle alueelle

JavaScript asettaa EMBED-elementin tyhjäksi SPAN-elementin sisälle, kun komentosarja käynnistetään. Joten, sinun on lisättävä seuraava SPAN-tunniste jonnekin HTML-sivusi BODY-kohtaan, mieluiten lähellä dokumentin yläosaa:

Soita skriptille attribuutilla

Viimeinen asia, jonka haluat lisätä, on elementti, jonka haluat luoda äänen klikkauksella tai hiiren kakkospainikkeella. Pyydä käsikirjoitusta jollakin näistä ominaisuuksista. Korvaa UrlToSoundFile täyden URL-osoitteen äänitiedostolle, jonka haluat pelata:

Napsauta tätä, jos haluat kuulla äänen<> onmouseover = "PlaySound (UrlToSoundFile ');" > Näet tämän tekstin hiiren kuullaksesi äänen

Tässä on koko HTML-dokumentti, joka soittaa sinisilmäisen äänen. Äänitiedosto tallennetaan samaan hakemistoon kuin HTML-sivu:

Esimerkki äänen toistamisesta napsauttamalla tai MouseOverin avulla

Klikkaa tästä kuullaksesi linnun laulua

<> onmouseover = "PlaySound (zbluejay.wav ');" > Tai voit laittaa hiiren tämän kohdan päälle kuullaksesi saman lintuäänen.