1. Na hostiteľskom serveri, kde sa nachádza vaša lokalita, v koreňovom adresári (priečinok, v ktorom sa nachádza indexový súbor) vytvorte zvukový priečinok. V budúcnosti do nej umiestnite všetky zvukové súbory.
3. Teraz vyberte požadované súbory, najlepšie vo formáte mp3. Vytvorte priečinok audio v koreňovom adresári stránky a stiahnite si ich.
4. Zostáva len vložiť kód pripojenia prehrávača. Je vhodný pre každú stránku Na správnom mieste stačí zadať cestu k súboru prehrávača a zvukovému súboru a podľa toho nahradiť slová vaša_doména a audio_filename:
A všetko je pripravené! Môžete vidieť prácu príklad.
ako nastaviť hudbu na pozadí v html
Pomocou sily HTML a prehliadača môžete na stránku vložiť aj hudbu na pozadí. Budete potrebovať zvukový súbor požadovaného formátu: WAV, AU, MIDI alebo MP3. Ako príklad môžete použiť ľubovoľný súbor so zadanou príponou.Prvý spôsob je embed tag. Element embed slúži na načítanie a zobrazenie objektov (ako sú video súbory, flash filmy, niektoré zvukové súbory atď.), ktorým prehliadač natívne nerozumie.
Syntax je celkom jednoduchá:
Záverečná značka sa nevyžaduje.
Teraz sa pozrieme na príklad záznamu s atribútmi a nižšie s ich dekódovaním:
Vložiť atribúty značiek na prehrávanie zvuku v html
šírka - šírka panela v pixeloch (alebo percentách)
výška - výška panela v pixeloch (alebo percentách)
zarovnať - poloha panela vzhľadom na text, možné hodnoty sú vľavo, vpravo, na stred
skrytý - umožňuje skryť panel, hodnoty atribútov: true - panel je skrytý, false - panel je viditeľný (predvolená hodnota)
autostart - true - prehrávač sa spustí automaticky po načítaní stránky, false - čaká na stlačenie tlačidla prehrávania
loop - loop, true - skladba sa prehrá v kruhu, a ak je nepravda - iba raz
Druhý spôsob. Veľmi staré, ale aj praktické) Pridajte melódiu do rovnakého priečinka (adresára), kde sa nachádza váš súbor, a do tela napíšte nasledujúci kód:
Výsledkom je, že po načítaní stránky zaznie melódia, ktorú ste zadali v značke bgsound. Teraz sa pozrime bližšie na atribúty značiek
src- cesta k vášmu zvukovému súboru
slučka- koľkokrát zopakovať melódiu (ak -1, potom sa opakuje donekonečna)
rovnováhu- hodnota stereo vyváženia (od -10000 do 10000)
objem- hlasitosť melódie, kde 0 je maximum a -10000 je minimum.
Prehrávač však nebude možné akýmkoľvek spôsobom ovládať – pri každom obnovení stránky sa skladba prehrá znova.
Po opísaní spôsobu vkladania hudby na pozadí vás chcem od toho odradiť, pretože väčšina používateľov spravidla už počúva hudbu v čase návštevy rôznych stránok. Sprievodný hudobný sprievod ho teda môže len prinútiť zavrieť záložku so stránkou.
Vkladanie zvuku a hudby do HTML5 - audio tag
audio- párová značka, ktorá definuje zvuk na pozadí, hudbu alebo iný zvukový prúd na stránke.
Atribúty zvukových značiek
automatické prehrávanie- súbor sa prehrá okamžite pri načítaní stránky (podobne ako hudba na pozadí bgsound)
ovládacie prvky- zobraziť ovládací panel prehrávača v prehliadači
slučka- po skončení znova prehrá súbor
predpätie- zvukový súbor sa načíta spolu s načítaním stránky
src- cesta k audio súboru (mp3 alebo ogg)
Vzorový kód so zvukovou značkou
Zvuk v HTML 5
Internetový obsah je však často jedinečný, zahŕňa napríklad nielen hudbu, ale aj komentáre interpretov, rozhovory, všelijaké príbehy o tvorbe atď.
Na sťahovanie streamovaného obsahu z webu bolo vytvorených neuveriteľné množstvo nástrojov – niektoré z nich sú univerzálne, iné sú „vybrúsené“ pre určité služby. Niektoré programy získajú prístup k pôvodným audio a video súborom a jednoducho ich čítajú bajt po bajte z internetu a niektoré môžu pokračovať v sťahovaní, nahrávať súbory do viacerých streamov, pracovať so skupinami súborov atď. Popis streamu môže byť súbor xml vo formáte ASX (pre Windows Media Player) alebo uložené v súboroch formátu RealAudio (prípony .ra a .rm pre zvuk, .rv pre video) atď. Takéto streamy sú dodávané nielen prostredníctvom štandardných protokolov http, udb / tcp, ale aj špeciálne - rtsp, mms, rtp, ako aj prostredníctvom peer-to-peer technológií používaných napríklad v takej populárnej internetovej TV službe, akou je SopCast. Prirodzene, na prehrávanie týchto formátov potrebujete vhodného klienta – povedzme Windows Media Player, VLC media player atď. Ten, mimochodom, dokáže streamovaný obsah nielen prehrávať, ale aj ukladať na lokálne disky. Využijeme ho, pretože väčšina zdrojov je pre neho dosť náročná.
/IMAGE/1288182839_56_1.gif)
Ak teda chcete nahrávať najmä online rozhlasový program alebo podcast, musíte najskôr získať odkaz na streamovaný obsah a potom ho zadať do prehrávača VLC. Ak vaša lokalita používa na prehrávanie zvuku Windows Media Player, je ľahké sa k odkazu dostať. Musíte kliknúť pravým tlačidlom myši na prehrávač vložený na stránke lokality a vybrať „Vlastnosti“. V poli "Umiestnenie" nájdite adresu a skopírujte ju do schránky. Ak stránka používa prehrávač Flash alebo prehrávač vyvinutý na základe HTML5, je pravdepodobné, že budete musieť prehrabávať zdrojový kód stránky alebo sa obrátiť na špeciálne nástroje na „vytiahnutie“ odkazov.
/IMAGE/1288182839_57.gif)
Ďalším krokom je prevod streamovaného zvuku. Možno nemôžete povedať, že táto operácia vo VLC je jednoduchá a zrejmá. Skôr naopak, je to ťažkopádne a neprehľadné. Príkaz ponuky „Media Open URL“ streamovaný obsah možno zapísať do súboru. Štandardne je VLC nastavený na prehrávanie odkazu a ak ho chcete uložiť do súboru, musíte v dialógovom okne, ktoré sa otvorí, zmeniť režim na „Konvertovať“. Zároveň sa zmení dialóg - v novom okne sa označí cieľový súbor a vyberie sa profil (teda formát, v ktorom bude nahrávka uložená). Po stlačení tlačidla "Štart" prehrávač spustí kopírovanie streamovaného zvuku do súboru. Robí to úplne nepostrehnuteľne a v zásade je schopný písať tak dlho, ako sa mu páči - tento proces bude musieť byť kontrolovaný nezávisle. Upozorňujeme, že keď zastavíte a budete pokračovať v procese prevodu, výsledný súbor sa vynuluje. Takže musíte premenovať predtým uložené súbory.
Je celkom zrejmé, že je veľmi problematické opakovať takúto operáciu zakaždým. Najmä ak chcete písať rôzne streamy v rôznych časoch. Prehrávač VLC poskytuje jednoduchý nástroj na plánované sťahovanie s názvom VLC Configurator. Označuje, čo a kam sa má zapisovať (tieto parametre sa konfigurujú rovnakým spôsobom, ako je opísané vyššie) a ako dlho. Ak napríklad potrebujete každý deň nahrať určitý program internetového rádia, mali by ste v dialógovom okne nastaviť možnosti „Opakovať“ a „Interval medzi opakovaniami“. Teraz program po spustení automaticky prevedie streamovaný obsah.
/IMAGE/1288182839_57_1.gif)
Mimochodom, VLC pomôže aj s konverziou streamov, napríklad súborov ASF, na známejšie a zrozumiteľnejšie MP3 pre vreckové prehrávače. Túto operáciu je možné vykonať buď manuálne, pri každej konverzii lokálneho súboru, alebo automaticky pomocou jednoduchého skriptu Powershell, ktorý, ako viete, je súčasťou systému Windows 7 a je dostupný v starších verziách tohto operačného systému. Skriptu sa odovzdáva niekoľko parametrov – cesta k súborom, maska súborov a prípadne aj výsledný priečinok, kde sú súbory uložené (ak nie je zadaný, súbory sa zapisujú do zdrojového adresára). Vo vnútri slučky sa volá program VLC, do ktorého sa odosielajú parametre: čo kódovať, kam zapisovať a skutočné parametre kódovania. Na konci kódovania sa VLC uvoľní z pamäte RAM. Overiť si to umožňuje posledná konštrukcia, ktorá čaká na uvoľnenie procesu z pamäte. Takýto skript môžete zadať v ľubovoľnom textovom editore - poznámkovom bloku alebo špeciálnom "vizuálnom" editore Powershell ISE. Ak ho uložíte do súboru, napríklad convert.ps1, spustí sa konštrukciou formulára:
. convert.ps1 c: súbory hudba *.asf.
Na záver stojí za zmienku niekoľko ďalších funkcií skriptu. Operačný systém Windows nezapisuje automaticky cesty k programom, takže v skripte musíte zadať aj cestu k vlc.exe: v 64-bitovej verzii - C: 'Program Files (x86) ' VideoLAN VLC (všimnite si, že riadky s medzery sú uzavreté v úvodzovkách) a v 32-bitovej verzii - C: 'Program Files' VideoLAN VLC . Okrem toho by ste sa mali pred spustením skriptu uistiť, že ukončíte program VLC, inak bude metóda waitforexit() bežať donekonečna (kvôli ukončeniu programu volaného v skripte, ale jeho kópia zostane). V skripte je samozrejme možné zvládnuť aj ID procesov, no táto možnosť to len skomplikuje. Na vyriešenie tohto problému by ste mali jednoducho pridať nútené ukončenie všetkých spustených VLC na začiatok skriptu: ps vlc* | %( $_.kill()). Ďalšia funkcia súvisí s bezpečnostným systémom Windows 7, ktorý vyžaduje, aby boli všetky skripty podpísané. Toto obmedzenie vám pomôže obísť príkaz Set-ExecutionPolicy RemoteSigned, ktorý musíte spustiť v Powershell ako správca.
Convert.ps1 Powershell skript na konverziu streamovaného obsahu do MP3
param ( $inputpath, $wildcard, $outputpath = $inputpath)
ls -cesta $vstupna cesta $widcard | %(
write-host $outputfile
vlc -i figurína $_.fullname ¨:sout=#transcode (acodec=mp3,ab=128,channels=2):standard (access=file,mux=asf,dst=$outputfile)¨ vlc://quit
Extrahujte zvuk z videí FLV
Ďalším príkladom spoločného používania VLC a Powershell je extrahovanie zvuku z videí FLV Flash. Takéto videoklipy sú uložené na špecializovaných portáloch, ako je napríklad notoricky známy YouTube. Google a ďalší vlastníci videohostingu samozrejme všetkými možnými spôsobmi bránia sťahovaniu obsahu, ale vždy existujú spôsoby, ako obísť ochranu a získať video, ktoré sa vám páči ...
Úloha, o ktorej sa tu diskutuje, je však nasledovná: ako extrahovať zvuk zo súboru FLV načítaného akýmkoľvek známym spôsobom, aby ste ho napríklad mohli počúvať vo vreckovom prehrávači. Takáto operácia je celkom v silách VLC, a to ako v GUI, tak aj z príkazového riadku. Mimochodom, v prvom prípade musíte urobiť takmer rovnakú sadu akcií ako predtým: z ponuky vyberte príkaz "Media - Convert" / "Save", zadajte zdrojové a cieľové súbory, ako aj konverziu. parametre, teda príslušný kodek.
Pre manuálnu konverziu pomocou Powershell je potrebné, ako minule, skonštruovať malý skript (nazvime ho flv2mp.ps1), do ktorého sa odosielajú názvy zdrojových a cieľových priečinkov (štandardne - rovnaké ako zdrojové). Celý jeho trik spočíva v odovzdaných parametroch: keďže video nie je povinné, mali by ste použiť dummy parameter, definovať parametre súboru v štandardnom bloku, a aby sa skript neobťažoval s vyskakovacími oknami, jednoducho ich zablokujte pomocou možnosť --dummy-quiet --sout.
param ( $inputpath, $outputpath = $inputpath)
ls -cesta $inputpath *.flv | %(
$outputfile = join-path $outputpath($_.name.replace($_.extension, '.mp3'))
write-host $outputfile
vlc $filename -I dummy --dummy-quiet --sout ¨#transcode (acodec=mp3,vcodec=dummy):standard (access=file,mux=raw,dst='$outputfile')¨ vlc://quit
ps vlc | %($_.waitforexit())
jazyk HTML
Vložte zvuk a video
Vložte zvuk. Tag
Pridáva, prehráva a spravuje nastavenia nahrávania zvuku na webovej stránke. Cesta k súboru sa nastavuje cez atribút src alebo vnorená značka
Syntax:
Niekoľko
Atribúty značky
automatické prehrávanie- zvuk sa začne prehrávať ihneď po načítaní stránky;
ovládacie prvky- pridá ovládací panel do zvukového súboru;
slučka- po dokončení zopakuje prehrávanie zvuku od začiatku;
predpätie- používa sa na stiahnutie súboru spolu so stiahnutím webovej stránky;
src
Vyžaduje sa záverečná značka.
Vo vnútri nádoby
Príklad:
Vložte video. Tag
Pridáva, prehráva a spravuje nastavenia videa na webovej stránke. Cesta k súboru sa nastavuje cez atribút src alebo vnorená značka
Syntax:
Niekoľko
Atribúty značky
automatické prehrávanie- video sa začne prehrávať automaticky po načítaní stránky;
ovládacie prvky- pridá k videu ovládací panel;
slučka- po dokončení zopakuje prehrávanie videa od začiatku;
výška- nastavuje výšku oblasti pre prehrávanie videa;
šírka- nastavuje šírku oblasti pre prehrávanie videa;
predpätie- používa sa na sťahovanie videí spolu so sťahovaním webovej stránky;
src- určuje cestu k prehrávanému súboru.
Vyžaduje sa záverečná značka.
Vo vnútri nádoby
Príklad:
Príklad výsledku v prehliadači:
Ahojte všetci. S tebou Andrey.
V tejto epizóde sa naučíme, ako sa pripojiť zvuk do html stránku, t.j. súbory vo formáte zvuku na vašu webovú stránku.
Existujú 3 spôsoby vkladania zvukové súbory.
Kliknutím na tento odkaz sa automaticky spustí štandardný program na prehrávanie súborov zadaného formátu, zvyčajne Windows Media (prehráva súbory AIFF, AU, MIDI, WAV a MP3). Táto možnosť je vám známa, takže poďme ďalej.
Po druhé spôsob je použiť kontajner .
Tento kontajner poskytuje možnosť počúvať pomocou ovládacích prvkov prehrávania zobrazených priamo na webovej stránke, avšak panel ovládania prehrávania môže v rôznych prehliadačoch vyzerať inak.
Aby sa tento kontajner zobrazil, musí byť v prehliadači nainštalovaný špeciálny plugin. V Internet Exploreri je to predvolené nastavenie, no rovnako ako v iných prehliadačoch ho nemusia mať všetky. Potom bude potrebné nainštalovať.
XHTML
|
Vyžaduje sa parameter src, ktorý určuje názov prehrávaného súboru. Ostatné parametre je možné vynechať. Ich zoznam je uvedený nižšie.
ŠÍRKA=n- určuje šírku konzoly v pixeloch.
VÝŠKA=m- definuje výšku konzoly v pixeloch.
AUTOŠTART=PRAVDA|NEPRAVDA- ak je nastavené na TRUE, prehrávanie sa spustí automaticky.
AUTOLOAD=PRAVDA|NEPRAVDA- ak je nastavené na FALSE, súbor sa nenačíta automaticky.
STARTTIME="mm:ss"— prehrávanie začne od okamihu určeného v minútach a sekundách od začiatku súboru.
OPAKOVANIE = PRAVDA / NEPRAVDA— povolí alebo zakáže opakovanie zvukového/video klipu.
PLAYLOOP=Z- ak ste zadali REPEAT-TRUE, zadajte tu namiesto Z počet opakovaní.
VOLUME=percento— hlasitosť prehrávania špecifikovaná ako percento maxima.
ALIGN="hodnota"— zarovná riadiacu konzolu vzhľadom na text stránky. Môže byť STRED, ZÁKLADNÁ LÍNIA HORE VĽAVO, VPRAVO.
CONTROLS="hodnota"— určuje sadu ovládacích prvkov konzoly. Môže mať nasledujúce hodnoty (vysvetlené nižšie) -CONSOLE, SMALLCONSOLE, PLAYBUTTON PAUSEBUTTON, STOPBUTTON a VOLUMELEVER.
KONZOLA- kompletná sada ovládacích prvkov.
SMALLCONSOLE— kompaktné znázornenie konzoly. Kompletná sada ovládacích prvkov, okrem tlačidla pauzy.
PLAYBUTTON- Len tlačidlo Prehrať.
TLAČIDLO PAUSE- len tlačidlo pauzy.
STOPTLAČIDLO- len tlačidlo stop. Súbor sa potom nahrá.
VOLUMELEVER- Len ovládanie hlasitosti.
Rozumel parametrom.
Navrhujem, aby ste sa sami pokúsili použiť rôzne parametre a videli, ako fungujú (tu nie je nič zložité).
Po tretie spôsob je špecifikovať zvukový súbor ako zvuk pozadia pre stránku.
Syntax je tu jednoduchá:
src=názov súboru- zvukový súbor
poschodie=n- počet opakovaní (nekonečno - nepretržite)
objem- hlasitosť (od 10 000 do 0,0 - predvolená hodnota)
rovnováhu- rovnováha medzi ľavým a pravým stĺpcom, hodnota sa môže meniť od -10000 (maximum pre ľavý kanál) do 10000 (maximum pre pravý kanál).
Popis
Pridáva, prehráva a spravuje nastavenia nahrávania zvuku na webovej stránke. Cesta k súboru je špecifikovaná prostredníctvom atribútu src alebo vnorenej značky. Vo vnútri nádoby
Zoznam kodekov podporovaných prehliadačmi je obmedzený a je uvedený v tabuľke. jeden.
| kodek | internet Explorer | Chrome | Opera | safari | Firefox |
| ogg/vorbis | |||||
| wav | |||||
| mp3 | |||||
| AAC |
Pre univerzálne prehrávanie v špecifikovaných prehliadačoch je zvuk kódovaný pomocou rôznych kodekov a súbory sa pridávajú súčasne prostredníctvom značky
Syntax
Atribúty
Zvuk sa začne prehrávať hneď po načítaní stránky. Pridá ovládací panel do zvukového súboru. Po skončení zopakuje zvuk od začiatku. Používa sa na stiahnutie súboru spolu s načítaním webovej stránky. Určuje cestu k prehrávanému súboru.Záverečná značka
Požadovaný.
HTML5 IE 8 IE 9+ Cr Op Sa Fx
Alexander Klimenkov - Štrnástka
Výsledok príkladu v prehliadači Opera je znázornený na obr. jeden.
Ryža. 1. Prehrávanie audio súboru
Prehliadače
Ovládanie prehrávania zvuku sa medzi prehliadačmi líši vzhľadom, no základné prvky sú rovnaké. Sú to tlačidlo prehrávania / pauzy, dĺžka skladby, uplynutý a celkový čas prehrávania, ako aj úroveň hlasitosti.
