See küsimus on väga levinud, seetõttu otsustasin pühendada sellele õppetundides eraldi artikli. Kuna HTML-il pole kõigi brauserite jaoks universaalset heli esitamise tehnoloogiat, soovitan selle probleemi lahendamiseks helipleieri faili alla laadida, nagu seda tehakse enamikul saitidel. Teeme kõike samm-sammult:

1. Looge teie saidi hostimise juurkataloogis (kataloogis, kus asub registrifail) helikaust. Tulevikus paigutate kõik helifailid sinna.

3. Nüüd valige soovitud failid, eelistatavalt mp3-vormingus. Looge kaust heli saidi juurtes ja laadige need alla.

4. Jääb vaid sisestada mängija ühenduse kood. See sobib igale saidile Õiges kohas peate määrama ainult mängija faili ja helifaili tee, asendades sõnad vastavalt teie_domeen ja audio_failinimi:

Ja kõik on valmis! Tööd on näha näide.

kuidas html-is taustamuusikat seadistada

HTML-i ja brauseri võimsust kasutades saate lehele lisada ka taustamuusikat. Teil on vaja nõutavas vormingus helifaili: WAV, AU, MIDI või MP3. Näitena saate kasutada mis tahes faili, millel on määratud laiend.

Esimene viis on manustamismärgend. Manustatud elementi kasutatakse objektide (nt videofailide, välkfilmide, mõne helifaili jne) laadimiseks ja kuvamiseks, mida brauser algselt ei mõista.

Süntaks on üsna lihtne:

Sulgevat silti pole vaja.

Nüüd vaatame atribuutidega kirje näidet ja allpool nende dekodeerimist:

Manustage sildi atribuudid heli esitamiseks HTML-is
laius – paneeli laius pikslites (või protsentides)
kõrgus – paneeli kõrgus pikslites (või protsentides)
joondus - paneeli asukoht teksti suhtes, võimalikud väärtused on vasakul, paremal, keskel
peidetud - võimaldab paneeli peita, atribuudi väärtused: true - paneel on peidetud, false - paneel on nähtav (vaikeväärtus)
autostart - true - mängija käivitub automaatselt lehe laadimisel, false - ootab esitusnupu vajutamist
loop - loop, tõsi - lugu mängitakse ringis ja kui false - ainult üks kord

Teine viis. Väga vana, kuid ka praktiline) Lisage meloodia samasse kausta (kataloogi), kus teie fail asub, ja kirjutage kehasse järgmine kood:

Selle tulemusena kõlab pärast lehe laadimist meloodia, mille määrasite bgsoundi sildis. Vaatame nüüd märgendi atribuute lähemalt :

src- teie helifaili tee
silmus- mitu korda meloodiat korrata (kui -1, siis kordab lõputult)
tasakaalu- stereo tasakaalu väärtus (-10000 kuni 10000)
maht- meloodia helitugevus, kus 0 on maksimum ja -10000 on minimaalne.

Mängijat ei saa aga kuidagi juhtida – iga kord, kui lehte värskendatakse, mängitakse lugu uuesti.

Pärast taustmuusika sisestamise meetodi kirjeldamist tahan teid sellest heidutada, kuna enamik kasutajaid kuulab reeglina muusikat juba erinevate saitide külastamise ajal. Seetõttu võib kaasnev muusikaline saate sundida teda ainult saidiga vahekaarti sulgema.

Heli ja muusika manustamine HTML5-sse – helimärgend

heli- paarisilt, mis määrab saidi taustaheli, muusika või muu helivoo.

Helisildi atribuudid

automaatesitus- faili esitatakse kohe lehe laadimisel (sarnaselt bgsoundi taustamuusikaga)
juhtnupud- kuvage brauseris pleieri juhtpaneel
silmus- esitab faili pärast selle lõppu uuesti
eellaadimine- helifail laaditakse koos lehe laadimisega
src- helifaili (mp3 või ogg) tee

Näidiskood koos helisildiga

Heli HTML 5-s

Internetisisu on aga sageli unikaalne, näiteks ei sisalda see ainult muusikat, vaid ka esinejate kommentaare, intervjuusid, kõikvõimalikke lugusid loomingust jne.

Voogesisu veebist allalaadimiseks on loodud uskumatult palju utiliite - mõned neist on universaalsed, teised on teatud teenuste jaoks "teritatud". Mõned programmid pääsevad juurde algsetele heli- ja videofailidele ning loevad neid lihtsalt baithaaval Internetist ning mõned saavad allalaadimist jätkata, faile mitmesse voogu üles laadida, failirühmadega töötada jne. Voo kirjeldus võib olla xml-fail vormingus ASX (Windows Media Playeri jaoks) või salvestatud RealAudio vormingus failidesse (.ra ja .rm laiendused heli jaoks, .rv video jaoks) jne. Selliseid vooge ei edastata mitte ainult standardsete http, udb / tcp protokollide kaudu, aga ka erilisi - rtsp, mms, rtp, aga ka peer-to-peer tehnoloogiate kaudu, mida kasutatakse näiteks sellises populaarses Interneti-TV teenuses nagu SopCast. Loomulikult on nende vormingute esitamiseks vaja sobivat klienti - näiteks Windows Media Playerit, VLC-meediumipleierit jne. Viimane, muide, ei saa mitte ainult voogesituse sisu esitada, vaid ka salvestada selle kohalikele draividele. Just tema on see, keda me kasutame, sest enamik ressursse on tema jaoks üsna karmid.

Nii et eelkõige võrguraadioprogrammi või taskuhäälingusaate salvestamiseks peate esmalt hankima voogesituse lingi ja seejärel sisestama selle VLC-mängijasse. Kui teie sait kasutab heli esitamiseks Windows Media Playerit, on lingile lihtne jõuda. Peate paremklõpsama saidi lehele manustatud pleierit ja valima "Atribuudid". Leidke väljalt "Paigutus" aadress ja kopeerige see lõikepuhvrisse. Kui sait kasutab Flash-mängijat või HTML5 baasil välja töötatud pleierit, siis peate tõenäoliselt linkide “välja tõmbamiseks” lehe lähtekoodis tuhnima või pöörduma spetsiaalsete utiliitide poole.

Järgmine samm on voogesituse heli teisendamine. Võib-olla ei saa öelda, et see toiming VLC-s on lihtne ja ilmne. Pigem on see tülikas ja segane. Menüükäsuga "Meedia avatud URL" voogesituse sisu saab kirjutada faili. Vaikimisi on VLC seatud linki mängima ja selle faili salvestamiseks tuleb avanevas dialoogiboksis muuta režiim "Convert". Samal ajal muutub dialoog - uues aknas näidatakse sihtfaili ja valitakse profiil (st formaat, milles salvestis salvestatakse). Pärast nupu "Start" vajutamist hakkab pleier voogesituse heli faili kopeerima. Ta teeb seda täiesti märkamatult ja suudab põhimõtteliselt kirjutada nii kaua, kui talle meeldib - seda protsessi tuleb iseseisvalt juhtida. Pange tähele, et kui te teisendusprotsessi peatate ja jätkate, lähtestatakse tulemuseks olev fail nulliks. Seega peate varem salvestatud failid ümber nimetama.

On üsna ilmne, et iga kord sellist toimingut korrata on väga tülikas. Eriti kui tahad erinevatel aegadel erinevaid vooge kirjutada. VLC-mängija pakub lihtsat ajastatud allalaadimistööriista nimega VLC Configurator. See näitab, mida ja kuhu kirjutada (need parameetrid on konfigureeritud samamoodi nagu eespool kirjeldatud) ja kui kaua. Näiteks kui teil on vaja iga päev salvestada teatud Interneti-raadio saadet, peaksite dialoogiaknas määrama valikud "Kordus" ja "Korduste vaheline intervall". Nüüd teisendab programm pärast käivitamist automaatselt voogesituse.

Muide, VLC aitab ka striimide, näiteks ASF-failide teisendamisel taskumängijatele tuttavamaks ja arusaadavamaks MP3-ks. Seda toimingut saab teha kas käsitsi, iga kord kohaliku faili teisendamisel või automaatselt lihtsa Powershelli skripti abil, mis, nagu teate, on osa Windows 7-st ja on saadaval selle operatsioonisüsteemi varasemates versioonides. Skriptile edastatakse mitu parameetrit - failide tee, failide mask ja valikuliselt kaust, kuhu failid salvestatakse (kui see pole määratud, kirjutatakse failid lähtekataloogi). Silmuse sees kutsutakse välja VLC programm, millele saadetakse parameetrid: mida kodeerida, kuhu kirjutada ja tegelikud kodeeringu parameetrid. Kodeerimise lõpus laaditakse VLC RAM-ist maha. Viimane konstruktsioon, mis ootab, kuni protsess mälust maha laaditakse, võimaldab teil seda kontrollida. Sellise skripti saate sisestada mis tahes tekstiredaktorisse - märkmikusse või spetsiaalsesse "visuaalsesse" Powershell ISE redaktorisse. Kui salvestate selle faili, näiteks convert.ps1, käivitatakse see vormi konstruktsiooni abil:

. convert.ps1 c:  failid  muusika *.asf.

Kokkuvõtteks väärib märkimist veel mõned skripti omadused. Windowsi operatsioonisüsteem ei kirjuta automaatselt programmide teid, seega peate skriptis määrama ka vlc.exe tee: 64-bitises versioonis - C:  'Program Files (x86) '  VideoLAN  VLC   (pange tähele, et rida on tühikud on jutumärkides) ja 32-bitises - C:  'Programmifailid'  VideoLAN  VLC  . Lisaks tuleks enne skripti käivitamist veenduda, et väljute VLC programmist, vastasel juhul töötab waitforexit() meetod lõputult (sest skriptis kutsutud programm väljub, kuid selle koopia jääb alles). Loomulikult on skriptis võimalik käsitleda ka protsessi ID-sid, kuid see võimalus muudab selle ainult keeruliseks. Selle probleemi lahendamiseks peaksite lihtsalt lisama skripti algusesse kõigi töötavate VLC-de sunnitud lõpetamise: ps vlc* | %( $_.kill()). Teine funktsioon on seotud Windows 7 turvasüsteemiga, mis nõuab kõigi skriptide allkirjastamist. Set-ExecutionPolicy RemoteSigned käsk, mida peate Powershellis administraatorina käivitama, aitab teil sellest piirangust mööda minna.

Convert.ps1 Powershelli skript voogesituse teisendamiseks MP3-vormingusse

param ( $sisendtee, $wildcard, $outputpath = $sisendtee)

ls -tee $sisendtee  $wildcard | %(

kirjutamis-host $väljundfail

vlc -i dummy $_.fullname ¨:sout=#transcode (acodec=mp3,ab=128,channels=2):standard (access=file,mux=asf,dst=$outputfile)¨ vlc://quit

Eraldage heli FLV-videotest

Teine näide VLC ja Powershelli koos kasutamisest on heli eraldamine FLV Flash-videotest. Selliseid videoklippe hoitakse spetsiaalsetes portaalides, nagu näiteks kurikuulus YouTube. Muidugi takistavad Google ja teised videomajutuse omanikud igal võimalikul viisil sisu allalaadimist, kuid alati on viise, kuidas kaitsest mööda hiilida ja teile meelepärane video hankida ...

Siin käsitletav ülesanne on aga järgmine: kuidas eraldada mis tahes teadaoleval viisil laaditud FLV-failist heli, et seda näiteks taskupleieris kuulata. Selline toiming on VLC-le üsna jõukohane nii GUI-s kui ka käsurealt. Muide, esimesel juhul peate tegema peaaegu samasuguseid toiminguid nagu varem: valige menüüst käsk "Meedia - teisendamine" / "Salvesta", määrake lähte- ja sihtfailid, samuti teisendus. parameetrid, st sobiv koodek.

Powershelli abil käsitsi teisendamiseks peate sarnaselt eelmisele korrale konstrueerima väikese skripti (nimetagem seda flv2mp.ps1), kuhu saadetakse lähte- ja sihtkaustade nimed (vaikimisi - sama mis allikas). Kogu selle nipp seisneb läbitud parameetrites: kuna videot pole vaja, peaksite kasutama näivat parameetrit, määrama failiparameetrid standardplokis ja selleks, et skript ei häiriks hüpikakendega, lihtsalt blokeerige need suvand --dummy-quiet --sout.

param ( $sisendtee, $väljundtee = $sisendtee)

ls -tee $sisendtee  *.flv | %(

$väljundfail = liitumistee $väljunditee($_.nimi.asenda($_.laiend, '.mp3'))

kirjutamis-host $väljundfail

vlc $failinimi -I dummy --dummy-quiet --sout ¨#transcode (acodec=mp3,vcodec=dummy):standard (access=file,mux=raw,dst='$outputfile')¨ vlc://quit

ps vlc | %($_.waitforexit())

HTML keel
Manustage heli ja video

Sisesta heli. Tag
Lisab, esitab ja haldab veebilehe helisalvestuse sätteid. Faili tee määratakse atribuudi kaudu src või pesastatud silt .

Süntaks:

Mitu

Sildi atribuudid

automaatesitus- heli hakkab mängima kohe pärast lehe laadimist;

juhtnupud- lisab helifailile juhtpaneeli;

silmus- kordab heli taasesitust algusest peale selle valmimist;

eellaadimine- kasutatakse faili allalaadimiseks koos veebilehe allalaadimisega;

src

Sulgev silt on kohustuslik.
Mahuti sees

Näide:

Sisesta video. Tag
Lisab, esitab ja haldab veebilehe videoseadeid. Faili tee määratakse atribuudi kaudu src või pesastatud silt .

Süntaks:

Mitu elemente saab linkida erinevate failidega. Brauser kasutab esimest vormingut, mille käivitab.

Sildi atribuudid

automaatesitus- videot hakatakse esitama automaatselt pärast lehe laadimist;

juhtnupud- lisab videole juhtpaneeli;

silmus- kordab video taasesitust algusest peale selle valmimist;

kõrgus- määrab video esitamise ala kõrguse;

laius- määrab video taasesituse ala laiuse;

eellaadimine- kasutatakse videote allalaadimiseks koos veebilehe allalaadimisega;

src- määrab esitatava faili tee.

Sulgev silt on kohustuslik.
Mahuti sees

Näide:

Tulemuse näide brauseris:

Tere kõigile. Sinuga Andrei.

Selles episoodis õpime, kuidas ühendust luua heli html-i leht, st. helivormingus failid oma saidile.

On 3 manustamismeetodit helifailid.

Sellel lingil klõpsates käivitub automaatselt standardne programm määratud vormingus failide esitamiseks, tavaliselt Windows Media (esitab AIFF-, AU-, MIDI-, WAV- ja MP3-faile). See valik on teile tuttav, nii et liigume edasi.

Teiseks viis on konteineri kasutamine .

See konteiner annab võimaluse kuulata otse veebilehel kuvatavate taasesituse juhtnuppudega, kuid esituse juhtriba võib erinevates brauserites erinev välja näha.

Selle konteineri kuvamiseks tuleb brauserisse installida spetsiaalne pistikprogramm. Internet Exploreris on see vaikeseade, kuid nagu ka teiste brauserite puhul, ei pruugi see kõigil olla. Siis tuleb see paigaldada.

XHTML

Parameeter src on nõutav; see määrab esitatava faili nime. Muud parameetrid võib ära jätta. Nende nimekiri on toodud allpool.

LAIUS=n- määrab konsooli laiuse pikslites.

KÕRGUS=m- määrab konsooli kõrguse pikslites.

AUTOSTART=TRUE|FALSE- kui seatud väärtusele TRUE, algab taasesitus automaatselt.

AUTOLOAD=TRUE|FALSE- kui see on FALSE, ei laadita faili automaatselt.

STARTTIME="mm:ss"— taasesitus algab hetkest, mis on määratud minutites sekundites faili algusest.

KORDA = TRUE / FALSE— lubab või keelab heli-/videoklipi kordamise.

PLAYLOOP=Z- kui määrasite REPEAT-TRUE, määrake siin Z asemel korduste arv.

VOLUME=protsent— taasesituse helitugevus, mis on määratud protsendina maksimumist.

ALIGN="väärtus"— joondab halduskonsooli lehe teksti suhtes. Võib olla KESKEL, ALUSjoon ÜLAL VASAK, PAREM.

CONTROLS="väärtus"— määrab konsooli juhtelementide komplekti. Sellel võivad olla järgmised väärtused (selgitatud allpool) - CONSOLE, SMALLCONSOLE, PLAYBUTTON PAUSEBUTTON, STOPBUTTON ja VOLUMELEVER.

KONSOOL- täielik juhtnuppude komplekt.

VÄIKE KONSOOL— konsooli kompaktne esitus. Täielik juhtnuppude komplekt, välja arvatud pausinupp.

ESITUSNUPP- Ainult esitusnupp.

PAUSINUPP- lihtsalt pausi nupp.

STOPPNUPP- lihtsalt stopp-nupp. Seejärel laaditakse fail üles.

HELIMEEL- Lihtsalt helitugevuse regulaator.

Sai parameetritest aru.

Soovitan teil proovida erinevaid parameetreid ise rakendada ja vaadata, kuidas need töötavad (siin pole midagi keerulist).

Kolmandaks viis on määrata helifail lehe taustahelina.

Süntaks on siin lihtne:

src=failinimi- helifail

loor=n- korduste arv (lõpmatu - pidevalt)

maht- helitugevus (10 000 kuni 0,0 - vaikeväärtus)

tasakaalu- tasakaal vasaku ja parema veeru vahel, väärtus võib varieeruda vahemikus -10000 (maksimaalne vasakpoolse kanali puhul) kuni 10000-ni (maksimaalne parempoolse kanali puhul).

Kirjeldus

Lisab, esitab ja haldab veebilehe helisalvestuse sätteid. Faili tee määratakse atribuudi src või pesastatud sildi kaudu. Mahuti sees

Brauserite toetatud koodekite loend on piiratud ja see on toodud tabelis. üks.

Tab. 1. Koodekid ja brauserid

Kodek	Internet Explorer	Chrome	Ooper	safari	Firefox
ogg/vorbis
wav
mp3
AAC

Universaalseks taasesitamiseks määratud brauserites kodeeritakse heli erinevate koodekite abil ja failid lisatakse samaaegselt sildi kaudu .

Süntaks

Atribuudid

Heli hakkab mängima kohe pärast lehe laadimist. Lisab helifailile juhtpaneeli. Pärast selle lõppu kordab heli algusest peale. Kasutatakse faili allalaadimiseks koos veebilehe laadimisega. Määrab esitatava faili tee.

Sulgev silt

Nõutud.

HTML5 IE 8 IE 9+ Cr Op Sa Fx

Aleksander Klimenkov - neliteist

Näite tulemus Opera brauseris on näidatud joonisel fig. üks.

Riis. 1. Helifailide taasesitus

Brauserid

Heli taasesituse juhtnupud erinevad brauserite välimuse poolest, kuid põhielemendid on samad. Need on esituse / pausi nupp, loo pikkus, kulunud ja kogu esitusaeg ning helitugevus.