Lisää verkkosivustollesi taustamusiikkia, jotta käyttäjät voivat nauttia selaamisesta.
Eri menetelmistä musiikin upottamiseksi Web-sivuille on tullut suosittuja World Wide Webin alkuajoista lähtien. Erityisesti "embed"-tunniste HTML: ssä, Java-pohjaisissa äänisoittimissa ja Flash-pohjaisissa soittimissa ovat kaikki mahdollisia lisäysvaihtoehtoja. taustamusiikkia web-sivulle, mutta yhtäkään ratkaisua ei ole yleisesti hyväksytty tai se on täysin yhteensopiva kaikkien selaimien ja alustat. Uudempi HTML5-standardi sisältää "audio"-tunnisteen, joka on erityisesti määritelty upotettua äänentoistoa varten.
Vaihe 1
Lisää seuraava koodi mihin tahansa HTML-dokumentin runkoon upottaaksesi musiikkitiedoston ja toistaaksesi sen automaattisesti, kun vierailija selaa verkkosivustoasi.
Päivän video
Muuta "src"-attribuuttia niin, että se sisältää upotettavan musiikkitiedoston polun ja tiedostonimen.
Vaihe 2
Lisää "loop"-attribuutti, jos haluat musiikkitiedoston toistavan yhä uudelleen:
Vaihe 3
Käytä useita "lähde"-tageja "audio"-tunnisteen "src"-attribuutin sijaan, jos haluat tarjota käyttäjän selaimelle valinnan useista tiedostomuodoista:
Tässä esimerkissä käyttäjän selain päättää, toistetaanko MP3- vai OGG-tiedosto. Tämä tekniikka voi olla hyödyllinen kohdistettaessa mobiililaitteita, jotka voivat toistaa vain tiettyjä äänimuotoja.
Vaihe 4
Sisällytä "embed"-tunniste "audio"-tagin sisään tarjotaksesi tukea vanhemmille selaimille, joista puuttuu HTML5-tukea. Huomaa, että tämä "embed"-tunnisteen käyttö on vanhentunut (eli sitä ei enää virallisesti vaadita tuettu), joten kokeile tätä tekniikkaa vain, jos epäilet, että käyttäjäsi käyttävät vanhentunutta verkkoa selaimet. Tässä on esimerkki:
Kärki
Harkitse "controls"-attribuutin lisäämistä "audio"-tunnisteeseen, jotta käyttäjä voi pysäyttää musiikin ja muuttaa äänenvoimakkuutta. Älä myöskään käytä "autoplay"-attribuuttia, ellei tälle selaimen toiminnalle ole hyvää syytä. Monet käyttäjät pitävät upotettua taustamusiikkia, joka soi yllättäen ilman heidän lupaansa, ärsyttävää ja poistuu verkkosivustoltasi välittömästi.
