Šis jautājums rodas ļoti bieži, tāpēc es nolēmu nodarbībās tam veltīt atsevišķu rakstu. Tā kā HTML nav universālas tehnoloģijas audio atskaņošanai visām pārlūkprogrammām, lai atrisinātu šo problēmu, es ierosinu lejupielādēt audio atskaņotāja failu, kā tas tiek darīts lielākajā daļā vietņu. Mēs visu darām soļos:

1. Hostinga vietā, kur atrodas jūsu vietne, saknes direktorijā (mapē, kurā atrodas indeksa fails) izveidojiet audio mapi. Nākotnē jūs tajā ievietosit visus audio failus.

3. Tagad atlasiet vajadzīgos failus, vēlams mp3 formātā. Izveidojiet mapi audio vietnes saknē un augšupielādējiet tos.

4. Atliek tikai ievietot atskaņotāja savienojuma kodu. Tas ir piemērots jebkurai vietnei Pareizajā vietā jums vienkārši jānorāda ceļš uz atskaņotāja failu un audio failu, attiecīgi aizstājot vārdus jūsu_domēns un audio_faila_nosaukums:

Un esat pabeidzis! Darbu var arī apskatīt piemērs.

Kā iestatīt fona mūziku html

Izmantojot HTML un pārlūkprogrammas iespējas, lapā varat ievietot arī fona mūziku. Jums būs nepieciešams pareiza formāta audio fails: WAV, AU, MIDI vai MP3. Kā piemēru varat izmantot jebkuru failu ar norādīto paplašinājumu.

Pirmais veids ir iegulšanas tags. Iegulšanas elements tiek izmantots, lai ielādētu un parādītu objektus (piemēram, video failus, flash filmas, dažus skaņas failus utt.), kurus pārlūkprogramma sākotnēji nesaprot.

Sintakse ir diezgan vienkārša:

Aizverošā atzīme nav nepieciešama.

Tagad apskatīsim piemēru ierakstam ar atribūtiem un tālāk ar to dekodēšanu:

Iegult tagu atribūtus audio atskaņošanai HTML formātā
platums - paneļa platums pikseļos (vai procentos)
augstums - paneļa augstums pikseļos (vai procentos)
līdzināt - paneļa pozīcija attiecībā pret tekstu, iespējamās vērtības ir pa kreisi, pa labi, centrā
paslēpts - ļauj paslēpt paneli, atribūtu vērtības: true - panelis ir paslēpts, false - panelis ir redzams (noklusējuma vērtība)
autostart - vērtība true - atskaņotājs sākas automātiski, kad lapa ir ielādēta, false - gaida atskaņošanas pogas nospiešanu
cilpa - cilpa, taisnība - celiņš tiek atskaņots aplī, un, ja false - tikai vienu reizi

Otrais veids.Ļoti vecs, bet arī praktisks) Pievienojiet melodiju tai pašai mapei (direktorijā), kurā atrodas jūsu fails, un pamattekstā ierakstiet šādu kodu:

Rezultātā pēc lapas ielādes atskanēs bgsound tagā norādītā melodija. Tagad apskatīsim tuvāk atzīmes atribūtus. :

src- ceļš uz jūsu audio failu
cilpa- cik reižu melodija jāatkārto (ja -1, tad tā atkārtojas bezgalīgi)
līdzsvaru- stereo līdzsvara vērtība (no -10000 līdz 10000)
apjoms- atskaņotās melodijas skaļums, kur 0 ir maksimālais un -10000 ir minimālais.

Taču atskaņotāju nekādā veidā vadīt nebūs iespējams – katru reizi, kad lapa tiks atsvaidzināta, celiņš tiks atskaņots no jauna.

Pēc fona mūzikas ievietošanas metodes aprakstīšanas es vēlos jūs no tā atrunāt, jo lielākā daļa lietotāju dažādu vietņu apmeklējuma laikā jau parasti klausās mūziku. Tāpēc pavadošā mūzika var tikai piespiest viņu aizvērt cilni ar vietni.

Ievietojiet audio un mūziku HTML5 — audio tagā

audio- pārī savienots tags, kas definē fona skaņu, mūziku vai citu audio straumi vietnē.

Audio tagu atribūti

automātiskā atskaņošana- fails tiek atskaņots uzreiz pēc lapas ielādes (līdzīgi kā bgsound fona mūzika)
vadīklas- pārlūkprogrammā parādīt atskaņotāja vadības paneli
cilpa- atskaņo failu vēlreiz pēc tā beigām
iepriekšēja ielāde- audio faila lejupielāde notiks kopā ar lapas ielādi
src- ceļš uz audio failu (mp3 vai ogg)

Koda paraugs ar audio tagu

Audio HTML 5

Taču interneta saturs nereti ir unikāls, piemēram, tajā ir ne tikai mūzika, bet arī mākslinieku komentāri, intervijas, visādi stāsti par tapšanu utt.

Straumēšanas satura lejupielādei no Web ir izveidots neticami daudz utilītu – dažas no tām ir universālas, citas ir “uzasinātas” noteiktiem servisiem. Dažas programmas iegūst piekļuvi oriģinālajiem audio un video failiem un vienkārši nolasa tos no interneta pa baitam, savukārt dažas var lejupielādēt, augšupielādēt failus vairākās straumēs, strādāt ar failu grupām utt. Straumes apraksts var būt xml fails formātā ASX (Windows Media Player) vai saglabāts RealAudio formāta failos (paplašinājumi .ra un .rm - audio, .rv - video) utt. Šādas straumes tiek piegādātas ne tikai ar standarta palīdzību. http, udb / tcp protokolus, bet arī izmantojot īpašus - rtsp, mms, rtp, kā arī ar peer-to-peer tehnoloģijām, ko izmanto, piemēram, tik populārā interneta TV pakalpojumā kā SopCast. Protams, lai atskaņotu šos formātus, ir nepieciešams atbilstošs klients - piemēram, Windows Media Player, VLC multivides atskaņotājs utt. Pēdējais, starp citu, var ne tikai atskaņot straumēšanas saturu, bet arī saglabāt to vietējos diskos. Mēs to izmantosim, jo ​​lielākā daļa resursu viņam ir diezgan smagi.

Tātad, lai īpaši ierakstītu tiešsaistes radio programmu vai aplādei, vispirms ir jāiegūst saite uz straumējamo saturu un pēc tam jāievada tā VLC atskaņotājā. Ja jūsu vietne audio atskaņošanai izmanto programmu Windows Media Player, ir viegli piekļūt saitei. Vietnes lapā ar peles labo pogu noklikšķiniet uz iebūvētā atskaņotāja un atlasiet "Properties". Atrodiet adresi laukā "Atrašanās vieta" un kopējiet to starpliktuvē. Ja vietne izmanto Flash atskaņotāju vai atskaņotāju, kas izstrādāts, pamatojoties uz HTML5, tad, visticamāk, jums būs jāiedziļinās lapas avota kodā vai jāvēršas pie īpašām utilītprogrammām, lai “izvilktu” saites.

Nākamais solis ir straumēšanas audio konvertēšana. Varbūt jūs nevarat teikt, ka šī darbība VLC ir vienkārša un acīmredzama. Gluži pretēji, tas ir apgrūtinoši un mulsinoši. Izmantojot izvēlnes komandu "Media Open URL", straumēšanas saturu var ierakstīt failā. Pēc noklusējuma VLC ir konfigurēts, lai atskaņotu saiti, un, lai to saglabātu failā, atvērtajā dialoglodziņā ir jāmaina režīms uz "Convert". Mainīsies dialoglodziņš – jaunā logā tiek norādīts mērķa fails un atlasīts profils (t.i., formāts, kādā ieraksts tiks saglabāts). Pēc noklikšķināšanas uz pogas "Sākt" atskaņotājs sāk kopēt straumēšanas audio failā. Viņš to dara pilnīgi nemanāmi un principā spēj rakstīt tik ilgi, cik vēlas – šis process būs jākontrolē patstāvīgi. Jāpatur prātā, ka, pārtraucot un turpinot konvertēšanas procesu, iegūtais fails tiek atiestatīts uz nulli. Tātad jums ir jāpārdēvē iepriekš saglabātie faili.

Ir pilnīgi skaidrs, ka šādas darbības atkārtošana katru reizi ir ļoti apgrūtinoša. It īpaši, ja jums ir jāraksta dažādi pavedieni dažādos laikos. VLC atskaņotājs nodrošina vienkāršāko plānoto lejupielādes rīku, ko sauc par VLC Configurator. Tas norāda, ko un kur rakstīt (šie parametri tiek konfigurēti tāpat kā iepriekš aprakstīts) un cik ilgi. Piemēram, ja katru dienu nepieciešams ierakstīt noteiktu interneta radio programmu, dialoglodziņā jāiestata opcijas "Atkārtot" un "Intervāls starp atkārtojumiem". Tagad programma pēc palaišanas neatkarīgi pārveidos straumēšanas saturu.

Starp citu, VLC palīdzēs arī konvertējot straumes, piemēram, ASF failus par kabatas atskaņotājiem pazīstamāku un saprotamāku MP3. Šo darbību var veikt vai nu manuāli, katru reizi konvertējot lokālo failu, vai automātiski izmantojot vienkāršu skriptu programmā Powershell, kas, kā zināms, ir iekļauts operētājsistēmā Windows 7 un pieejams iepriekšējās šīs operētājsistēmas versijās. Skriptam tiek nodoti vairāki parametri - ceļš uz failiem, faila maska ​​un, pēc izvēles, iegūtā mape, kurā faili tiek glabāti (ja tas nav norādīts, faili tiek ierakstīti avota direktorijā). Cilpas iekšpusē tiek izsaukta VLC programma, kurai tiek nosūtīti parametri: ko kodēt, kur rakstīt un faktiskie kodēšanas parametri. Kodēšanas beigās VLC tiek izlādēts no RAM. Pēdējā konstrukcija, kas gaida, kamēr process tiks izlādēts no atmiņas, ļauj to pārbaudīt. Jūs varat ievadīt šādu skriptu jebkurā teksta redaktorā - notepad vai īpašā "vizuālajā" Powershell ISE redaktorā. Ja saglabājat to failā, piemēram, convert.ps1, tas sākas ar šādu konstrukciju:

... convert.ps1 c: faili mūzika * .asf.

Noslēgumā ir vērts atzīmēt vēl dažas skripta iezīmes. Windows operētājsistēma automātiski nereģistrē ceļus uz programmām, tāpēc skriptā ir jānorāda arī ceļš uz vlc.exe: 64 bitu versijā - C: 'Program Files (x86)' VideoLAN VLC (ņemiet vērā, ka atstarpes ir ievietotas pēdiņās) un 32 bitu versijā - C: 'Program Files' VideoLAN VLC. Turklāt pirms skripta palaišanas pārliecinieties, ka esat pametis VLC programmu, pretējā gadījumā metode waitforexit () darbosies bezgalīgi (sakarā ar to, ka skriptā izsauktā programma iziet, bet tās kopija paliek). Protams, skriptā ir pieļaujams arī apstrādāt procesu identifikatorus, taču šāda iespēja to tikai sarežģīs. Lai atrisinātu šo problēmu, skripta sākumā vienkārši jāpievieno visu darbojošos VLC piespiedu pārtraukšana: ps vlc * | % ($ _. nogalināt ()). Vēl viena funkcija ir saistīta ar Windows 7 drošības sistēmu, kurā ir jāparaksta visi skripti. Set-ExecutionPolicy RemoteSigned komanda, kas jāpalaiž Powershell kā administratoram, palīdzēs apiet šo ierobežojumu.

Ps1 skripts vietnē Powershell, lai straumēšanas saturu pārvērstu par MP3

parametrs ($ ievades ceļš, $ aizstājējzīme, $ izvades ceļš = $ ievades ceļš)

ls -ceļš $ ievades ceļš $ aizstājējzīme | % (

Write-host $ izvadfails

vlc -i dummy $ _. pilns nosaukums ¨: sout = # pārkodēt (acodec = mp3, ab = 128, kanāli = 2): standarts (piekļuve = fails, mux = asf, dst = $ izvades fails) ¨ vlc: // iziet

Izņemiet audio no FLV klipiem

Vēl viens piemērs tam, kā VLC un Powershell var izmantot kopā, ir audio iegūšana no Flash video FLV formātā. Šādi videoklipi tiek glabāti specializētos portālos, piemēram, bēdīgi slavenajā YouTube. Protams, Google un citi video mitināšanas īpašnieki visos iespējamos veidos novērš satura lejupielādi, taču vienmēr ir veidi, kā apiet aizsardzību un iegūt savu iecienītāko video ...

Tomēr šeit apskatītā problēma ir šāda: kā iegūt audio no FLV faila, kas ielādēts ar jebkuru zināmu metodi, lai, piemēram, klausītos to kabatas atskaņotājā. Šāda darbība ir diezgan VLC spēju robežās gan GUI, gan no komandrindas. Starp citu, pirmajā gadījumā jums ir jāveic gandrīz tāds pats darbību kopums kā iepriekš: izvēlnē atlasiet komandu "Media - Convert / Save", norādiet avota un mērķa failus, kā arī konvertēšanas parametrus, tas ir, atbilstošo kodeku.

Lai manuāli pārveidotu, izmantojot Powershell, tāpat kā iepriekšējo reizi, jums ir jāizveido neliels skripts (sauksim to par flv2mp.ps1), uz kuru tiek nosūtīti avota un mērķa mapju nosaukumi (pēc noklusējuma tie paši avota). Viss tā triks slēpjas nodotajos parametros: tā kā video nav nepieciešams, jums vajadzētu izmantot fiktīvu parametru, definēt faila parametrus standarta blokā un, lai skripts neapgrūtinātu uznirstošos logus, vienkārši bloķējiet tos ar –manekena-klusais –izejas opcija.

parametrs ($ ievades ceļš, $ izvades ceļš = $ ievades ceļš)

ls -ceļš $ ievades ceļš * .flv | % (

$ izvadfails = pievienošanās ceļš $ izvadceļš ($ _. name.replace ($ _. paplašinājums, '.mp3'))

Write-host $ izvadfails

vlc $ faila nosaukums -I dummy --dummy-quiet --sout ¨ # pārkodēt (acodec = mp3, vcodec = dummy): standarts (access = fails, mux = neapstrādāts, dst = '$ outputfile') ¨ vlc: // quit

ps vlc | % ($ _. gaidiet, izejiet ())

HTML valoda
Ievietojiet audio un video

Ievietojiet skaņu. Tag
Pievieno, atskaņo un pārvalda audio ierakstīšanas iestatījumus tīmekļa lapā. Faila ceļš tiek norādīts caur atribūtu src vai ligzdoto tagu .

Sintakse:

Vairākas

Atzīmju atribūti

automātiskā atskaņošana- skaņa sāk atskaņot uzreiz pēc lapas ielādes;

vadīklas- pievieno audio failam vadības paneli;

cilpa- atkārto skaņas atskaņošanu no sākuma pēc tās pabeigšanas;

iepriekšēja ielāde- izmanto faila lejupielādei kopā ar tīmekļa lapas ielādi;

src

Ir nepieciešams beigu tags.
Konteinera iekšpusē

Piemērs:

Ievietot video. Tag
Pievieno, atskaņo un pārvalda video iestatījumus tīmekļa lapā. Faila ceļš tiek norādīts caur atribūtu src vai ligzdoto tagu .

Sintakse:

Vairākas vienumus var saistīt ar dažādiem failiem. Pārlūkprogramma izmantos pirmo formātu, ko tā palaiž.

Atzīmju atribūti

automātiskā atskaņošana- pēc lapas ielādes automātiski tiek sākta video atskaņošana;

vadīklas- pievieno video vadības paneli;

cilpa- atkārto video atskaņošanu no sākuma pēc tā pabeigšanas;

augstums- iestata apgabala augstumu video atskaņošanai;

platums- iestata apgabala platumu video atskaņošanai;

iepriekšēja ielāde- izmanto video lejupielādei kopā ar tīmekļa lapas ielādi;

src- norāda ceļu uz atskaņojamo failu.

Ir nepieciešams beigu tags.
Konteinera iekšpusē

Piemērs:

Rezultāta piemērs pārlūkprogrammā:

Sveiki visiem. Andrejs ar tevi.

Šajā laidienā mēs uzzināsim, kā izveidot savienojumu skaņa uz HTML lapa, t.i. audio formāta failus savā vietnē.

Ir 3 iegulšanas metodes skaņas faili.

Noklikšķinot uz šīs saites, automātiski tiek palaista standarta programma norādītā formāta failu atskaņošanai, parasti Windows Media (atskaņo AIFF, AU, MIDI, WAV un MP3 failus). Šī opcija jums ir pazīstama, tāpēc turpināsim.

Otrkārt veids ir izmantot konteineru .

Šis konteiners ļauj klausīties, izmantojot atskaņošanas rīkus, kas tiek parādīti tieši tīmekļa lapā, taču atskaņošanas konsole dažādās pārlūkprogrammās var izskatīties atšķirīgi.

Lai šis konteiners tiktu parādīts, pārlūkprogrammā ir jāinstalē īpašs spraudnis. Programmā Internet Explorer tas ir ieslēgts pēc noklusējuma, taču, tāpat kā citās pārlūkprogrammās, ne visās no tām tā var būt. Pēc tam jums tas jāinstalē.

XHTML

Nepieciešams parametrs src, kas norāda atskaņojamā faila nosaukumu. Pārējos parametrus var izlaist. To saraksts ir sniegts zemāk.

PLATUMS = n- nosaka konsoles platumu pikseļos.

AUGSTUMS = m- nosaka konsoles augstumu pikseļos.

AUTOSTART = TRUE | FALSE- ja TRUE, atskaņošana sākas automātiski.

AUTOLOAD = TRUE | FALSE- ja iestatīts uz FALSE, fails netiek ielādēts automātiski.

STARTTIME = "mm: ss"- atskaņošana sākas no brīža, kas norādīts minūtēs sekundēs no faila sākuma.

REPEAT = TRUE/FALSE- atļauj vai aizliedz skaņas/videoklipa atkārtošanu.

SPĒLES CILPA = Z- ja norādījāt REPEAT-TRUE, norādiet šeit atkārtojumu skaitu, nevis Z.

APJOMS = procenti- atskaņošanas skaļums, kas norādīts procentos no maksimālā.

ALIGN = "vērtība"- Izlīdzina pārvaldības konsoli attiecībā pret lapas tekstu. Var būt CENTRS, BĀZES LĪNIJA AUGŠĀ KREISĀ, LABĀ.

VADĪBAS = "vērtība"- iestata konsoles vadīklu komplektu. Var būt šādas vērtības (skaidrots tālāk): CONSOLE, SMALLCONSOLE, PLAYBUTTON PAUSEBUTTON, STOPBUTTON un VOLUMELEVER.

KONSOLE- pilns vadības ierīču komplekts.

MAZĀ KONSOLE- kompakts skats uz konsoli. Pilns vadības ierīču komplekts, izņemot pauzes pogu.

ATSKAŅOŠANAS POGA- tikai atskaņošanas poga.

PAUZE POGA- tikai pauzes poga.

STOPPOGA- tikai apturēšanas poga. Tas izlādē failu.

SKAĻUMS- tikai skaļuma kontrole.

Mēs noskaidrojām parametrus.

Iesaku pašam izmēģināt dažādus parametrus un paskatīties, kā tie darbojas (šeit nav nekā sarežģīta).

Trešais veids ir norādīt skaņas failu kā lapas fona skaņu.

Sintakse ir vienkārša:

src = faila nosaukums- skaņas fails

cilpa = n- atkārtojumu skaits (bezgalīgs - nepārtraukti)

apjoms- skaļums (no 10000 līdz 0,0 - noklusējuma vērtība)

līdzsvaru- līdzsvars starp kreiso un labo skaļruni, vērtība var mainīties no -10000 (maksimums kreisajam kanālam) līdz 10000 (maksimums labajam kanālam).

Apraksts

Pievieno, atskaņo un pārvalda audio ierakstīšanas iestatījumus tīmekļa lapā. Faila ceļš tiek norādīts, izmantojot atribūtu src vai ligzdotu tagu. Konteinera iekšpusē

Pārlūkprogrammu atbalstīto kodeku saraksts ir ierobežots, un tas ir parādīts tabulā. viens.

Tab. 1. Kodeki un pārlūkprogrammas

Kodeks	Internet Explorer	Chrome	Opera	Safari	Firefox
ogg / vorbis
wav
mp3
AAC

Universālai atskaņošanai norādītajās pārlūkprogrammās audio tiek kodēts, izmantojot dažādus kodekus, un faili tiek pievienoti vienlaikus, izmantojot tagu .

Sintakse

Atribūti

Skaņa tiek atskaņota, tiklīdz lapa tiek ielādēta. Audio failam pievieno vadības joslu. Atkārto skaņu no sākuma pēc tās beigām. Izmanto, lai augšupielādētu failu kopā ar tīmekļa lapas ielādi. Norāda ceļu uz atskaņojamo failu.

Beigu tags

Obligāti.

HTML5 IE 8 IE 9+ Cr Op Sa Fx

Aleksandrs Kļimenkovs - četrpadsmit

Piemēra rezultāts pārlūkprogrammā Opera ir parādīts attēlā. viens.

Rīsi. 1. Audio faila atskaņošana

Pārlūkprogrammas

Audio atskaņošanas vadīklas dažādās pārlūkprogrammās pēc izskata atšķiras, taču pamata elementi ir vienādi. Tie ir atskaņošanas/pauzes poga, celiņa garums, pagājušais un kopējais atskaņošanas laiks un skaļuma līmenis.