Tausta HTML-muusika koodi lisamine

...

Lisage oma veebisaidile taustamuusikat, et kasutajad saaksid seda sirvimise ajal nautida.

Mitmesugused meetodid muusika veebilehele manustamiseks on muutunud populaarseks alates ülemaailmse veebi algusaegadest. Eelkõige on HTML-i, Java-põhiste helipleierite ja Flash-põhiste pleierite märgend "manustamine" kõik võimalikud lisamisvalikud taustamuusikat veebilehele, kuid ühtegi lahendust pole üldiselt omaks võetud või see ei ühildu täielikult kõigi brauserite ja platvormid. Uuem HTML5 standard sisaldab märgendit "heli", mis on spetsiaalselt defineeritud manustatud heli taasesituse jaoks.

Samm 1

Lisage järgmine kood suvalisse kohta oma HTML-dokumendi kehasse, et manustada muusikafail ja esitada see automaatselt, kui külastaja teie veebisaiti sirvib.

Päeva video

Muutke atribuuti "src" nii, et see sisaldaks selle muusikafaili teed ja failinime, mille soovite manustada.

2. samm

Lisage atribuut "loop", kui soovite, et muusikafaili esitataks ikka ja jälle:

3. samm

Kasutage märgendi "audio" atribuudi "src" asemel mitut "source" märgendit, kui soovite pakkuda kasutajale mitme failivormingu valikut:

Selles näites otsustab kasutaja brauser, kas esitada MP3- või OGG-faili. See tehnika võib olla kasulik mobiilseadmete sihtimisel, mis suudavad esitada ainult teatud helivorminguid.

4. samm

Pesastage märgend "embed" märgendi "heli" sisse, et pakkuda tuge vanematele brauseritele, millel puudub HTML5 tugi. Pange tähele, et see märgendi "embed" kasutamine on aegunud (see tähendab, et seda ei nõuta enam ametlikult toetatud), nii et katsetage seda tehnikat ainult siis, kui kahtlustate, et teie kasutajad kasutavad aegunud veebi brauserid. Siin on näide:

Näpunäide

Kaaluge atribuudi "controls" lisamist märgendile "audio", et kasutaja saaks muusika peatada ja helitugevust muuta. Lisaks ärge kasutage atribuuti "automaatesitus", välja arvatud juhul, kui sellel brauseri käitumisel on mõjuv põhjus. Paljud kasutajad peavad manustatud taustamuusikat, mis ootamatult ilma nende loata mängib, tüütuks ja lahkub teie veebisaidilt kohe.