Hvordan sette inn et lydspor i html. Vi lagrer lyd fra Internett til filer. Hvordan sette bakgrunnsmusikk i html

Hei alle sammen. Dette er Andrey.

I denne episoden lærer vi hvordan du kobler til lyd til HTML side, dvs. lydfiler for nettstedet ditt.

Det er 3 innbyggingsmetoder lydfiler.

Ved å klikke på denne lenken startes automatisk et standardprogram for avspilling av filer med spesifisert format, vanligvis dette Windows Media(spiller AIFF, AU, MIDI, WAV og MP3-filer). Dette alternativet er kjent for deg, så la oss gå videre.

Sekund måten er å bruke en beholder .

Denne beholderen lar deg lytte ved å bruke avspillingsverktøy som vises direkte på nettsiden, men avspillingskontrollpanelet kan se annerledes ut i forskjellige nettlesere.

For at denne beholderen skal vises, må en spesiell plugin være installert i nettleseren. I Internet Explorer det er standard, men som for andre nettlesere er det kanskje ikke alle som har det. Da må du installere den.

XHTML

Parameteren src er nødvendig og spesifiserer navnet på filen som spilles av. Andre parametere er kanskje ikke spesifisert. Listen deres er gitt nedenfor.

BREDDE=n— definerer bredden på konsollen i piksler.

HØYDE=m— definerer høyden på konsollen i piksler.

AUTOSTART=SANN|USANN— hvis TRUE, starter avspillingen automatisk.

AUTOLOAD=TRUE|FALSE- hvis det har verdi FALSE, filen lastes ikke ned automatisk.

STARTTIME="mm:ss"— avspillingen starter fra det øyeblikket som er spesifisert i minutter og sekunder fra begynnelsen av filen.

REPEAT= SANN/USANT— tillater eller forbyr gjentakelse av et lyd-/videoklipp.

PLAY LOOP=Z— hvis du spesifiserte REPEAT-TRUE, spesifiser antall repetisjoner her i stedet for Z.

VOLUM=prosent— avspillingsvolum, angitt som en prosentandel av maksimum.

ALIGN="verdi"— justerer kontrollkonsollen i forhold til sideteksten. Kan ha verdiene CENTER, BASELINE TOP VENSTRE, HØYRE.

CONTROLS="verdi"— spesifiserer et sett med konsollkontroller. Kan ha følgende verdier (forklart nedenfor) - KONSOLL, SMALLCONSOLE, SPILLEKNAPP PAUSEKNAPP, STOPPKNAPP OG VOLUMELEVER.

KONSOLLE— et komplett sett med kontroller.

LITEN KONSOL— kompakt representasjon av konsollen. Fullt sett med kontroller unntatt pauseknapp.

SPILLEKNAPP- Kun avspillingsknapp.

PAUSE-KNAPP- bare pauseknapp.

STOPPKNAPP- bare en stoppknapp. Filen lastes deretter ned.

VOLUMELEVER- Kun volumkontroll.

Vi fant ut parameterne.

Jeg foreslår at du prøver å bruke forskjellige parametere selv og se hvordan de fungerer (det er ikke noe komplisert her).

Tredje Måten er å spesifisere en lydfil som bakgrunnslyd for siden.

Syntaksen her er enkel:

src=filnavn- lydfil

løop=n- antall repetisjoner (uendelig - kontinuerlig)

volum- volum (fra 10 000 til 0,0 - standardverdi)

balansere- balanse mellom venstre og høyre høyttaler, verdien kan variere fra -10000 (maksimalt for venstre kanal) til 10000 (maksimalt for høyre kanal).

Vi har allerede snakket om bruken av HTML5 og hvorfor det er relevant i dag. La oss nå se nærmere på spørsmålet "Hvordan sette inn lyd på et nettsted ved hjelp av HTML5."

Du kan legge til musikk på nettstedet ved å bruke taggen lyd. Et eksempel på den enkleste implementeringen av denne taggen:

Men igjen, som med video, er det ikke så enkelt. Ikke alle nettlesere støtter de nødvendige lydkodekene. La oss se på tabellen:

NettleserGoogle ChromeMozilla FirefoxSafariOperaInternet Explorer
mp3 Spise Nei Spise Nei Spise
wav Spise Spise Spise Spise Nei
A.A.C. Spise Nei Spise Nei Spise
ogg/vorbis Spise Spise Nei Spise Nei

Som det fremgår av tabellen, er det mest "universelle" formatet .wav. Internet Explorer støtter det imidlertid ikke. Derfor anbefales det å konvertere lydfilen til flere formater og bruke flere lydkodeker. Følgende eksempel illustrerer én måte å legge til HTML-lyd på en nettside:

Utseendet til lydspilleren vil avhenge av nettleseren, her er for eksempel utseendet til lydspilleren i Firefox-nettleseren:

AUDIO tag attributter

Til de viktigste tag-attributtene lyd relatere:

  • src- bane til lydfilen (kan spesifiseres separat ved hjelp av en innebygd tag kilde);
  • kontroller- lydkontrollpanelet vises (spill av, pause, volum osv.);
  • Auto spill- spiller av lydfilen umiddelbart etter innlasting av nettsiden;
  • Løkke- syklisk avspilling;

Nestet tag kilde kan ha følgende attributter:

  • src- bane til lydfilen;
  • type- type lydkilde;
  • media- type enhet som lydfilen skal spilles av (alle - på alle enheter, tv - TV, etc.);

Hvorfor trenger du musikk på siden?

Ganske interessant spørsmål: å spille musikk eller stemmefiler på et nettsted, eller en innebygd spiller hjelper besøkende på nettstedet å slappe av, vekker positive følelser og setter dem i riktig stemning, så å si, gjør det lettere å samhandle med nettstedet. Men disse effektene fungerer bare hvis musikken på nettstedet er valgt riktig og lydvolumet ikke overskrider akseptable grenser, ellers vil all din innsats være forgjeves og vil forårsake negative følelser blant besøkende på nettstedet.

Hvordan sette inn lyd (musikk) på en nettside i html?

Vi får ofte dette spørsmålet; musikk på en nettside er et relevant og kreativt element, og det er mange måter å spille det på, og de er ikke så vanskelige å implementere. La oss starte med det faktum at hver bruker av Global Network bruker en slags nettleser for å få tilgang til Internett, og det er ingen generell og universell teknologi for å spille av lyd- og musikkfiler, hver nettleser fungerer i henhold til sine egne algoritmer og de er noe forskjellige fra hverandre, så når du spiller musikk med Ved å bygge den inn i HTML-koden til en side, kan det oppstå problemer. Men som du vet, alle problemer kan løses!

Sett inn musikk i et nettsted HTML, JavaScript, jQuery, AJAX måter:

1 vei.

Opprette en lydmusikkspiller på et nettsted eller en spiller

Teknologien er enkel, en spillerfil lages slik at den ikke laster siden eller serveren; vi velger teknologien vi skal bruke: JavaScript, jQuery, AJAX. Basert på den valgte teknologien utvikler vi et skript for nettstedet vårt og setter det inn på nettstedet. Skriptet lages avhengig av hva du trenger: automatisk avspilling av bakgrunnsmusikk på siden eller en spiller kontrollert av den besøkende. Deretter oppretter du en mappe i roten av nettstedet for musikk og laster opp lydfiler til den.

Eller, som en alternativ metode, kan du lage en spiller ved hjelp av Flash-teknologi; en slik spiller vil se mer imponerende ut. Sannheten vil bli dyrere og vanskeligere for nettstedet (det vil øke lastetiden til sidene).

Metode 2.

Installere musikk på et nettsted ved hjelp av HTML

Ved å bruke funksjonene til HTML og nettleseren kan du sette inn en spiller eller bakgrunnsmusikk på nettstedet. Teknologien er like enkel: HTML5-kode lages med "audio"-taggen og denne koden skrives inn på nettstedet, og når brukeren besøker nettstedet, ser han en minimert spiller, den besøkende trykker på avspillingsknappen eller bakgrunnsmusikken automatisk begynner å spille. Utseendet til spilleren vil avhenge av nettleseren som den besøkende kom fra, men funksjonaliteten vil forbli standard: Spill av, Stopp, Neste, Forrige, Volum-knapper. Spilleren med HTML-kode ser slik ut:

Selve innebyggingskoden ser slik ut:

Som du kanskje har lagt merke til, aktiverer kommandoen "kontroller autoavspilling" automatisk avspilling av musikk så snart en besøkende kommer inn på nettstedet.

En alternativ versjon av HTML-koden er "bgsound"-taggen, denne bruker ikke en visuell spiller i det hele tatt; når du besøker nettstedet vil musikken på nettstedet begynne å spille, men du kan justere volumet, pause osv. brukeren vil ikke kunne. Voluminnstillingen for lydfilavspilling er konfigurert i selve koden.

Lydfilformater for å spille musikk på nettstedet kan være: WAV, AU, MIDI, MP3, OGG (utvidelser). Musikkfiler lastes opp til nettstedet, eller det brukes lenker til de nettstedene der lydfilen ligger, det viktigste er at den er i det offentlige domene.

Imidlertid er Internett-innhold ofte unikt, for eksempel inkluderer det ikke bare musikk, men også kommentarer fra utøvere, intervjuer, alle slags historier om skaperverk, etc.

Utrolig mange verktøy er opprettet for å laste ned strømmingsinnhold fra Internett - noen av dem er universelle, andre er "skreddersydd" for spesifikke tjenester. Noen programmer får tilgang til kildelyd- og videofiler og leser dem ganske enkelt byte-for-byte fra Internett, mens noen kan laste ned filer, laste filer inn i flere strømmer, arbeide med grupper av filer osv. Strømbeskrivelsen kan være en xml fil i formatet ASX (for Windows Media Player) eller lagret i filer av RealAudio-formatet (utvidelsene .ra og .rm - for lyd, .rv - for video) osv. Slike strømmer leveres ikke bare via standardprotokollene http , udb / tcp, men også via spesial - rtsp, mms, rtp, så vel som gjennom peer-to-peer-teknologier som brukes for eksempel i en så populær Internett-TV-tjeneste som SopCast. Naturligvis, for å spille disse formatene, trenger du en passende klient - for eksempel Windows Media Player, VLC media player, etc. Sistnevnte kan forresten ikke bare spille av streaming innhold, men også lagre det på lokale stasjoner. Det er dette vi skal bruke, fordi de fleste ressursene er ganske tøffe for ham.

Så for å spille inn et nettradioprogram eller podcast spesielt, må du først få en lenke til strømmeinnholdet og deretter legge det inn i VLC-spilleren. Hvis nettstedet bruker Windows Media Player til å spille av lyd, vil det være enkelt å komme til lenken. Du må høyreklikke på spilleren som er innebygd i sidesiden og velge "Egenskaper". Finn adressen i "Plassering"-feltet og kopier den til utklippstavlen. Hvis nettstedet bruker en Flash-spiller eller en spiller utviklet på grunnlag av HTML5, er det sannsynlig at du må rote gjennom kildekoden til siden eller gå til spesielle verktøy for å "rippe ut" linker.

Det neste trinnet er å konvertere streaming lyd. Kanskje du ikke kan si at denne operasjonen i VLC er enkel og åpenbar. Tvert imot er det tungvint og forvirrende. Ved å bruke menykommandoen "Media Open URL" kan strømmeinnhold skrives til en fil. Som standard er VLC konfigurert til å spille av lenken, og for å lagre den til en fil, må du endre modusen til "Konverter" i dialogboksen som åpnes. Dialogen vil endres - målfilen vises i et nytt vindu og en profil er valgt (dvs. formatet som opptaket vil bli lagret i). Etter å ha klikket på "Start"-knappen, begynner spilleren å kopiere streaminglyden til en fil. Han gjør dette helt ubemerket og er i prinsippet i stand til å skrive så lenge han vil - denne prosessen må kontrolleres uavhengig. Vær oppmerksom på at når du stopper og fortsetter konverteringsprosessen, tilbakestilles den resulterende filen til null. Så du må endre navn på tidligere lagrede filer.

Det er helt åpenbart at det er veldig plagsomt å gjenta en slik operasjon hver gang. Spesielt hvis du trenger å skrive forskjellige tråder til forskjellige tider. VLC-spilleren tilbyr et enkelt planlagt nedlastingsverktøy kalt VLC Configurator. Den indikerer hva og hvor du skal skrive (disse parameterne er konfigurert på samme måte som beskrevet ovenfor) og hvor lenge. For eksempel, hvis du trenger å spille inn et bestemt Internett-radioprogram hver dag, bør du angi alternativene "Gjenta" og "Intervall mellom gjentakelser" i dialogboksen. Nå, etter lansering, vil programmet uavhengig konvertere strømmeinnhold.

Forresten, VLC vil også hjelpe når du konverterer strømmer, for eksempel ASF-filer til MP3, som er mer kjent og forståelig for lommespillere. Denne operasjonen kan gjøres enten manuelt, konvertere en lokal fil hver gang, eller automatisk ved å bruke et enkelt Powershell-skript, som, som du vet, er inkludert i Windows 7 og er tilgjengelig i tidligere versjoner av dette operativsystemet. Skriptet sendes flere parametere - banen til filene, filmasken og eventuelt den resulterende mappen der filene er lagret (hvis det ikke er spesifisert, skrives filene til kildekatalogen). Inne i loopen kalles VLC-programmet, som parametere sendes til: hva som skal kodes, hvor skal skrives og de faktiske kodingsparametrene. Når kodingen er fullført, blir VLC lastet ut fra RAM. Du kan bekrefte dette ved den siste konstruksjonen, som venter på at prosessen skal lastes ut fra minnet. Du kan legge inn et slikt skript i et hvilket som helst tekstredigeringsprogram - notisblokk eller en spesiell "visuell" editor Powershell ISE. Hvis du lagrer den i en fil, for eksempel convert.ps1, blir den lansert med en konstruksjon som:

. convert.ps1 c:  filer  musikk *.asf.

Avslutningsvis er det verdt å merke seg noen flere funksjoner i manuset. Windows-operativsystemet spesifiserer ikke automatisk baner til programmer, så skriptet må også spesifisere banen til vlc.exe: i 64-biters versjon - C: 'Program Files (x86)'  VideoLAN  VLC (merk at linjer med mellomrom er omsluttet av anførselstegn) og i 32-biters - C:  'Program Files'  VideoLAN  VLC  . Du bør også sørge for at du forlater VLC-programmet før du kjører skriptet, ellers vil waitforexit()-metoden kjøre på ubestemt tid (på grunn av det faktum at programmet som kalles inn skriptet vil avslutte, men en kopi av det vil forbli). Det er selvfølgelig også mulig å behandle prosessidentifikatorer i et skript, men en slik mulighet vil bare komplisere det. For å løse dette problemet, bør du ganske enkelt legge til en kraftavslutning av all kjørende VLC i begynnelsen av skriptet: ps vlc* | %($_.kill()). En annen funksjon er relatert til Windows 7-sikkerhetssystemet, som krever at alle skript er signert. Kommandoen Set-ExecutionPolicy RemoteSigned kan hjelpe deg omgå denne begrensningen; du må kjøre den i Powershell som administrator.

Skript convert.ps1 på Powershell for å konvertere strømmeinnhold til MP3

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

ls -path $inputpath  $jokertegn | % (

skrive-vert $utdatafil

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

Trekker ut lyd fra FLV-videoer

Et annet eksempel på bruk av VLC og Powershell sammen er å trekke ut lyd fra Flash-videoer i FLV-format. Slike videoklipp lagres på spesialiserte portaler, som den velkjente YouTube. Selvfølgelig gjør Google og andre eiere av videoverter sitt beste for å forhindre nedlasting av innhold, men det vil alltid være måter å omgå beskyttelsen og få videoen du liker...

Oppgaven som diskuteres her er imidlertid følgende: hvordan trekke ut lyd fra en FLV-fil som er lastet ned med en hvilken som helst kjent metode for for eksempel å lytte til den i en lommespiller. En slik operasjon er ganske innenfor mulighetene til VLC, både i GUI og fra kommandolinjen. Forresten, i det første tilfellet må du gjøre nesten det samme settet med handlinger som før: velg kommandoen "Media - Konverter/Lagre" fra menyen, spesifiser kilde- og resultatfilene, samt konverteringsparametere, dvs. den tilsvarende kodeken.

For å utføre manuell konvertering ved hjelp av Powershell, må du, som før, konstruere et lite skript (la oss kalle det flv2mp.ps1), som navnene på kilde- og målmappene sendes til (som standard, det samme som kilden). Hele trikset ligger i de beståtte parameterne: siden en video ikke er nødvendig, bør du bruke dummy-parameteren, definere filparametrene i standardblokken, og slik at skriptet ikke plager deg med popup-vinduer, bare blokker dem med alternativet –dummy-quiet –sout.

param($inputpath, $outputpath = $inputpath)

ls -bane $inputpath  *.flv | % (

$outputfile = join-path $outputpath($_.name.replace($_.extension, '.mp3'))

skrive-vert $utdatafil

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

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

Musikk på nettstedet er mer en sjeldenhet enn normen. Når du setter inn musikk på et nettsted, må du forstå at noen brukere kan bli fullstendig slått av det. I denne artikkelen skal vi se på flere alternativer for å sette inn musikk på en nettside, og også se på hvordan man lager bakgrunnsmusikk.

Hvordan sette inn bakgrunnsmusikk på en nettside

Å sette inn bakgrunnsmusikk på en nettside er det farligste alternativet når det gjelder å miste besøkende. Fordi bakgrunnsmusikken ikke bare kan slås av, men volumet kan ikke justeres på noen måte (alt avhenger av gjeldende volum på datamaskinen). Så du må tenke hundre ganger før du setter inn bakgrunnsmusikk.

Det er to måter å sette inn musikk i html

Alternativ 1. Via html-tag

Syntaks for å sette inn bakgrunnsmusikk

Ved lappen det er flere attributter:

  • loop="value" - antall repetisjoner av musikken (hvis -1, så gjentas det i det uendelige)
  • balance="value" - stereobalanse (fra -10000 til 10000)
  • volume="value" - volum (maksimum 0, minimum -10 000)

Musikk spilles automatisk når siden lastes inn.

For eksempel

Alternativ 2. Gjennom en tag

Syntaks for å sette inn et objekt med musikk

Ved lappen Følgende attributter kan brukes:

  • width="verdi" - bredde (i piksler eller prosenter)
  • height="value" - høyde (i piksler eller prosent)
  • align="value" - justering (venstre - venstre, høyre - høyre, senter - midt)
  • hidden="value" - panelsynlighet (true - hide, false - show), som standard er panelet synlig
  • autostart="value" - spill musikk under lasting (true - ja, usant - nei)
  • loop="value" - value true - spill i en sirkel, usant - en gang

For eksempel

Standardspilleren vil se forskjellig ut for hver nettleser, så vi vil ikke vurdere hver av dem separat.

I html5 kan du bruke taggen

Betydningen av å bruke taggen

Tag syntaks

Følgende attributter kan brukes:

  • autoplay="value" - slå på musikk umiddelbart når siden lastes
  • controls="value" - vis spillerens kontrollpanel i nettleseren
  • loop="value" - ansvarlig for syklisitet
  • preload="value" - last inn musikk umiddelbart når siden lastes

De vurderte alternativene, etter min mening, er ikke ideelle løsninger, siden de alle er basert på standardspillere. Hver nettleser vil ha sin egen standardspiller, og i noen fungerer det kanskje ikke i det hele tatt. Derfor er det best å laste ned spilleren til nettstedet ditt og laste ned musikk fra den. En slik spiller vil ha funksjoner for stopp, justering av volum osv. - alle nødvendig sett for den vanlige brukeren.