1. Azon a tárhelyen, ahol a webhelye található, a gyökérkönyvtárban (az indexfájlt tartalmazó mappában) hozza létre az audio mappát. A jövőben az összes hangfájlt elhelyezi benne.
3. Most válassza ki a kívánt fájlokat, lehetőleg mp3 formátumban. Hozzon létre egy mappát hang- a webhely gyökerében, és töltse le őket.
4. Már csak a lejátszó csatlakozási kódját kell beilleszteni. Bármilyen webhelyre alkalmas A megfelelő helyen csak a lejátszófájl és az audiofájl elérési útját kell megadnia, a szavakat ennek megfelelően helyettesítve. your_domainés audio_filename:
És minden készen áll! Meg lehet nézni a munkát példa.
hogyan kell beállítani a háttérzenét html-ben
A HTML és a böngésző erejét kihasználva háttérzenét is beszúrhatunk az oldalba. Szüksége lesz egy hangfájlra a kívánt formátumban: WAV, AU, MIDI vagy MP3. Példaként használhat bármilyen fájlt a megadott kiterjesztéssel.Első út a beágyazási címke. A beágyazási elem olyan objektumok (például videofájlok, flash-filmek, egyes hangfájlok stb.) betöltésére és megjelenítésére szolgál, amelyeket a böngésző natívan nem ért.
A szintaxis nagyon egyszerű:
A záró címke nem szükséges.
Most nézzünk egy példát egy rekordra attribútumokkal, alább pedig azok dekódolásával:
Címkeattribútumok beágyazása a hang html formátumban történő lejátszásához
szélesség - a panel szélessége képpontokban (vagy százalékban)
magasság – a panel magassága képpontokban (vagy százalékban)
igazítás - a panel helyzete a szöveghez képest, a lehetséges értékek balra, jobbra, középre
rejtett - lehetővé teszi a panel elrejtését, attribútumértékek: igaz - a panel rejtett, false - a panel látható (alapértelmezett érték)
autostart - igaz - a lejátszó automatikusan elindul az oldal betöltésekor, false - várja a lejátszás gomb megnyomását
loop - hurok, igaz - a számot körben játsszák, és ha false - csak egyszer
A második út. Nagyon régi, de praktikus is) Adja hozzá a dallamot ugyanabba a mappába (könyvtárba), ahol a fájlja található, és írja be a következő kódot a törzsbe:
Ennek eredményeként az oldal betöltése után a bgsound címkében megadott dallam szólal meg. Most nézzük meg közelebbről a címke attribútumait
src- az audiofájl elérési útja
hurok- hányszor ismételje meg a dallamot (ha -1, akkor a végtelenségig ismétli)
egyensúly- sztereó egyensúly értéke (-10000 és 10000 között)
hangerő- a dallam hangereje, ahol 0 a maximum, és -10000 a minimum.
A lejátszót azonban semmilyen módon nem lehet majd irányítani – minden alkalommal, amikor az oldal frissül, a szám újra lejátszható.
A háttérzene beillesztési módjának ismertetése után szeretném lebeszélni erről, mivel a legtöbb felhasználó általában már akkor is hallgat zenét, amikor különböző oldalakat látogat meg. Ezért a kísérő zenei kíséret csak arra kényszerítheti, hogy bezárja a lapot az oldallal.
Hang és zene beágyazása HTML5-be – hangcímke
hang-- egy pár címke, amely meghatározza a háttérhangot, zenét vagy más hangfolyamot a webhelyen.
Hangcímke attribútumok
automatikus lejátszás- a fájl azonnal lejátszásra kerül az oldal betöltésekor (hasonlóan a bgsound háttérzenéhez)
vezérlők- jelenítse meg a lejátszó vezérlőpultját a böngészőben
hurok- újra lejátssza a fájlt, miután véget ért
előtöltés- a hangfájl az oldalbetöltéssel együtt betöltődik
src- az audiofájl elérési útja (mp3 vagy ogg)
Minta kód hangcímkével
Hang HTML 5-ben
Az internetes tartalmak azonban sokszor egyediek, például nem csak zenét tartalmaznak, hanem előadók kommentjeit, interjúkat, mindenféle alkotásról szóló sztorikat stb.
Hihetetlenül sok segédprogramot hoztak létre a streaming tartalom internetről történő letöltésére - ezek egy része univerzális, mások bizonyos szolgáltatásokhoz „ki vannak élezve”. Egyes programok hozzáférnek az eredeti audio- és videofájlokhoz, és egyszerűen bájtonként elolvassák azokat az internetről, mások pedig folytathatják a letöltést, több adatfolyamba tölthetnek fel fájlokat, dolgozhatnak fájlcsoportokkal stb. Az adatfolyam leírása lehet xml-fájl is. ASX formátumban (Windows Media Playerhez), vagy RealAudio formátumú fájlokban tárolva (.ra és .rm kiterjesztések hanghoz, .rv a videóhoz), stb. Az ilyen adatfolyamokat nem csak a szabványos http, udb / tcp protokollokon keresztül szállítják, hanem speciális - rtsp, mms, rtp, valamint peer-to-peer technológiákon keresztül, amelyeket például egy olyan népszerű internetes TV-szolgáltatásban használnak, mint a SopCast. Természetesen ezeknek a formátumoknak a lejátszásához megfelelő kliensre van szükség - mondjuk Windows Media Playerre, VLC médialejátszóra stb. Utóbbi egyébként nem csak lejátszani tudja a streaming tartalmat, hanem menteni is tudja a helyi meghajtókra. Ő lesz az, akit használni fogunk, mert az erőforrások nagy része elég nehéz neki.
/IMAGE/1288182839_56_1.gif)
Tehát különösen egy online rádióműsor vagy podcast rögzítéséhez először be kell szereznie egy hivatkozást a streaming tartalomhoz, majd be kell írnia azt a VLC-lejátszóba. Ha webhelye a Windows Media Playert használja a hang lejátszásához, akkor könnyen elérheti a hivatkozást. Kattintson a jobb gombbal a webhely oldalára beágyazott lejátszóra, és válassza a "Tulajdonságok" lehetőséget. Az „Elhelyezés” mezőben keresse meg a címet, és másolja a vágólapra. Ha az oldal Flash lejátszót vagy HTML5 alapú lejátszót használ, akkor valószínűleg az oldal forráskódjában kell turkálni, vagy speciális segédprogramokhoz kell fordulnia a linkek „kihúzásához”.
/IMAGE/1288182839_57.gif)
A következő lépés a streaming audio konvertálása. Talán nem mondhatja, hogy ez a művelet a VLC-ben egyszerű és nyilvánvaló. Éppen ellenkezőleg, nehézkes és zavaró. A "Média megnyitása URL" menüparancs streaming tartalom írható fájlba. Alapértelmezés szerint a VLC úgy van beállítva, hogy lejátssza a hivatkozást, és annak fájlba mentéséhez a megnyíló párbeszédpanelen át kell állítani a módot "Konvertálás"-ra. Ezzel egyidejűleg a párbeszédpanel is megváltozik - az új ablakban megjelenik a célfájl, és kiválasztásra kerül a profil (azaz a felvétel mentési formátuma). A "Start" gomb megnyomása után a lejátszó elkezdi a streamelt hangot egy fájlba másolni. Ezt teljesen észrevétlenül teszi, és elvileg addig tud írni, ameddig csak akar - ezt a folyamatot önállóan kell irányítani. Kérjük, vegye figyelembe, hogy amikor leállítja és folytatja az átalakítási folyamatot, az eredményül kapott fájl nullára áll vissza. Tehát át kell neveznie a korábban mentett fájlokat.
Nyilvánvaló, hogy egy ilyen műveletet minden alkalommal megismételni nagyon kellemetlen. Főleg, ha különböző időpontokban különböző streameket akarsz írni. A VLC lejátszó egy egyszerű ütemezett letöltési eszközt kínál, a VLC Configurator néven. Jelzi, hogy mit és hova kell írni (ezek a paraméterek ugyanúgy vannak beállítva, mint fentebb), és mennyi ideig. Például, ha minden nap fel kell vennie egy bizonyos internetes rádióműsort, akkor a párbeszédablakban be kell állítania az „Ismétlés” és az „Ismétlési időköz” opciókat. Most a program automatikusan konvertálja a streaming tartalmat az indítás után.
/IMAGE/1288182839_57_1.gif)
A VLC egyébként a streamek, például az ASF fájlok átalakításában is segít a zseblejátszók számára ismertebb és érthetőbb MP3-má. Ez a művelet elvégezhető manuálisan, minden alkalommal, amikor egy helyi fájlt konvertál, vagy automatikusan egy egyszerű Powershell-szkript segítségével, amely, mint tudod, a Windows 7 része, és elérhető az operációs rendszer korábbi verzióiban. Számos paramétert ad át a szkriptnek - a fájlok elérési útját, a fájlok maszkját, és opcionálisan a kapott mappát, ahol a fájlokat tárolják (ha nincs megadva, a fájlok a forráskönyvtárba kerülnek). A cikluson belül meghívódik a VLC program, amelyhez elküldik a paramétereket: mit kell kódolni, hova kell írni és a tényleges kódolási paramétereket. A kódolás végén a VLC kikerül a RAM-ból. Az utolsó konstrukció, amely megvárja, amíg a folyamat ki nem töltődik a memóriából, lehetővé teszi ennek ellenőrzését. Egy ilyen szkriptet bármilyen szövegszerkesztőbe beírhat - jegyzettömbbe vagy speciális "vizuális" Powershell ISE szerkesztőbe. Ha elmenti egy fájlba, például convert.ps1, akkor a következő űrlap konstrukciója indítja el:
. convert.ps1 c: fájlok zene *.asf.
Végezetül érdemes megjegyezni a forgatókönyv néhány további jellemzőjét. A Windows operációs rendszer nem ír automatikusan elérési utat a programokhoz, ezért a szkriptben meg kell adni a vlc.exe elérési útját is: 64 bites verzióban - C: 'Program Files (x86) ' VideoLAN VLC (megjegyzendő, hogy a szóközök idézőjelek közé vannak zárva) és a 32 bites - C: 'Program Files' VideoLAN VLC . Ezen kívül a script futtatása előtt mindenképpen érdemes kilépni a VLC programból, különben a waitforexit() metódus korlátlan ideig fut (mivel a szkriptben meghívott program kilép, de a másolata megmarad). Természetesen lehetőség van folyamatazonosítók kezelésére is a szkriptben, de ez a lehetőség csak bonyolítja a dolgot. A probléma megoldásához egyszerűen hozzá kell adnia az összes futó VLC kényszerített leállítását a szkript elejéhez: ps vlc* | %( $_.kill()). Egy másik funkció a Windows 7 biztonsági rendszerhez kapcsolódik, amely megköveteli, hogy minden szkriptet aláírjanak. A Set-ExecutionPolicy RemoteSigned parancs, amelyet rendszergazdaként kell futtatnia a Powershellben, segít megkerülni ezt a korlátozást.
Convert.ps1 Powershell szkript a streaming tartalom MP3 formátumba konvertálásához
param ( $bemeneti útvonal, $wildcard, $outputpath = $bemeneti út)
ls -útvonal $beviteli útvonal $wildcard | %(
write-host $outputfile
vlc -i dummy $_.fullname ¨:sout=#transcode (acodec=mp3,ab=128,channels=2):standard (access=file,mux=asf,dst=$outputfile)¨ vlc://quit
Hang kinyerése FLV videókból
Egy másik példa a VLC és a Powershell együttes használatára az FLV Flash videók hangjának kinyerése. Az ilyen videoklipeket speciális portálokon tárolják, például a hírhedt YouTube-on. Természetesen a Google és a videotárhely más tulajdonosai minden lehetséges módon megakadályozzák a tartalom letöltését, de mindig van mód a védelem megkerülésére és a kívánt videó megszerzésére ...
Az itt tárgyalt feladat azonban a következő: hogyan lehet hangot kinyerni egy ismert módon betöltött FLV fájlból, hogy például egy zseblejátszóban hallgathassa meg. Egy ilyen művelet a VLC hatáskörén belül van, mind a grafikus felhasználói felületen, mind a parancssorból. Egyébként az első esetben szinte ugyanazt a műveletsort kell végrehajtania, mint korábban: válassza ki a "Média - Konvertálás" / "Mentés" parancsot a menüből, adja meg a forrás- és célfájlokat, valamint a konvertálást. paramétereket, azaz a megfelelő kodeket.
A Powershell segítségével történő kézi konvertáláshoz, mint legutóbb, egy kis szkriptet (nevezzük flv2mp.ps1-nek) kell összeállítani, amelybe a forrás és a célmappa neve kerül elküldésre (alapértelmezés szerint ugyanaz, mint a forrásé). Az egész trükkje az átadott paraméterekben rejlik: mivel a videóra nincs szükség, használd a dummy paramétert, a fájl paramétereit a szabványos blokkban határozd meg, és hogy a szkript ne zavarja a felugró ablakokat, egyszerűen blokkold őket a --dummy-quiet --sout opció.
param ( $bemeneti útvonal, $kimeneti útvonal = $bemeneti útvonal)
ls -útvonal $bemeneti útvonal *.flv | %(
$kimeneti fájl = csatlakozási útvonal $kimeneti útvonal($_.name.replace($_.extension, '.mp3'))
write-host $outputfile
vlc $fájlnév -I dummy --dummy-quiet --sout ¨#transcode (acodec=mp3,vcodec=dummy):standard (access=file,mux=raw,dst='$outputfile')¨ vlc://quit
ps vlc | %($_.waitforexit())
HTML nyelv
Hang és videó beágyazása
Hang beszúrása. Címke
Hozzáadja, lejátssza és kezeli a hangrögzítési beállításokat egy weboldalon. A fájl elérési útja az attribútumon keresztül állítható be src vagy beágyazott címke
Szintaxis:
Számos
Címke attribútumok
automatikus lejátszás- a hang az oldal betöltése után azonnal elindul;
vezérlők- vezérlőpultot ad az audiofájlhoz;
hurok- megismétli a hang lejátszását az elejétől annak befejezése után;
előtöltés- fájl letöltésére szolgál egy weboldal letöltésével együtt;
src
A záró címke kötelező.
A tartály belsejében
Példa:
Videó beszúrása. Címke
Videóbeállítások hozzáadása, lejátszása és kezelése egy weboldalon. A fájl elérési útja az attribútumon keresztül állítható be src vagy beágyazott címke
Szintaxis:
Számos
Címke attribútumok
automatikus lejátszás- a videó lejátszása automatikusan elindul az oldal betöltése után;
vezérlők- vezérlőpultot ad a videóhoz;
hurok- megismétli a videó lejátszását az elejétől a befejezése után;
magasság- beállítja a terület magasságát a videó lejátszásához;
szélesség- beállítja a videolejátszási terület szélességét;
előtöltés- videók letöltésére szolgál egy weboldal letöltésével együtt;
src- megadja a lejátszott fájl elérési útját.
A záró címke kötelező.
A tartály belsejében
Példa:
Példa találat a böngészőben:
Üdv mindenkinek. Veled Andrey.
Ebben az epizódban megtanuljuk, hogyan kapcsolódjunk hang html-be oldal, azaz audio formátumú fájlokat a webhelyére.
3 beágyazási mód létezik hangfájlokat.
A hivatkozásra kattintva automatikusan elindul egy szabványos program a megadott formátumú fájlok lejátszására, általában a Windows Media (AIFF, AU, MIDI, WAV és MP3 fájlokat játszik le). Ez a lehetőség ismerős számodra, ezért lépjünk tovább.
Második a módja egy konténer használata .
Ez a tároló lehetővé teszi a lejátszást közvetlenül a weboldalon megjelenő lejátszásvezérlőkkel, azonban a lejátszás vezérlőpultja eltérő lehet a különböző böngészőkben.
Ahhoz, hogy ez a tároló megjelenjen, egy speciális bővítményt kell telepíteni a böngészőbe. Az Internet Explorerben ez az alapértelmezett, de más böngészőkhöz hasonlóan előfordulhat, hogy nem mindegyik rendelkezik ezzel. Ezután telepíteni kell.
XHTML
|
Az src paraméter kötelező, ez adja meg a lejátszott fájl nevét. A többi paraméter elhagyható. Listájukat alább közöljük.
WIDTH=n- a konzol szélességét pixelben adja meg.
MAGASSÁG=m- meghatározza a konzol magasságát pixelben.
AUTOSTART=IGAZ|HAMIS- ha IGAZ értékre van állítva, a lejátszás automatikusan elindul.
AUTOLOAD=IGAZ|HAMIS- ha FALSE-ra van állítva, a fájl nem töltődik be automatikusan.
STARTTIME="mm:ss"— a lejátszás a fájl elejétől számítva percben másodpercben megadott pillanattól kezdődik.
REPEAT= IGAZ / HAMIS— engedélyezi vagy tiltja a hang-/videoklip megismétlését.
PLAYLOOP=Z- ha REPEAT-TRUE-t adott meg, akkor itt adja meg Z helyett az ismétlések számát.
VOLUME=százalék— lejátszási hangerő, a maximum százalékában megadva.
ALIGN="érték"— igazítja a kezelőkonzolt az oldal szövegéhez képest. Lehet KÖZÉP, ALAPVETŐ FELSŐ BAL, JOBB.
CONTROLS="érték"— a konzolvezérlők készletét határozza meg. A következő értékekkel rendelkezhet (magyarázat alább): CONSOLE, SMALLCONSOLE, PLAYBUTTON PAUSEBUTTON, STOPBUTTON és VOLUMELEVER.
KONZOL- komplett vezérlőkészlet.
KISKONZOL— a konzol kompakt ábrázolása. Teljes vezérlőkészlet, kivéve a szünet gombot.
LEJÁTSZÓGOMB- Csak lejátszás gomb.
SZÜNET GOMB- csak egy szünet gomb.
STOPGOMB- csak egy stop gomb. Ezután a fájl feltöltődik.
VOLUMEVER- Csak a hangerőszabályzó.
Értette a paramétereket.
Azt javaslom, hogy próbáljon meg különféle paramétereket saját maga alkalmazni, és nézze meg, hogyan működnek (nincs itt semmi bonyolult).
Harmadik Ennek módja az, hogy a hangfájlt adja meg az oldal háttérhangjaként.
A szintaxis itt egyszerű:
src=fájlnév- hangfájl
loor=n- ismétlések száma (végtelen - folyamatosan)
hangerő- hangerő (10000-től 0,0-ig - alapértelmezett érték)
egyensúly- egyensúly a bal és a jobb oszlop között, az érték -10000-től (maximum a bal csatornához) 10000-ig (maximum a jobboldali csatornához) változhat.
Leírás
Hozzáadja, lejátssza és kezeli a hangrögzítési beállításokat egy weboldalon. A fájl elérési útját az src attribútum vagy egy beágyazott címke adja meg. A tartály belsejében
A böngészők által támogatott kodekek listája korlátozott, és a táblázatban található. egy.
| kodek | internet böngésző | Króm | Opera | szafari | Firefox |
| ogg/vorbis | |||||
| wav | |||||
| mp3 | |||||
| AAC |
A megadott böngészőkben való univerzális lejátszáshoz a hang különböző kodekekkel van kódolva, és a fájlok egyszerre kerülnek hozzáadásra a címkén keresztül
Szintaxis
Attribútumok
A hang az oldal betöltésekor azonnal elkezdődik. Vezérlőpult hozzáadása hangfájlhoz. Megismétli a hangot az elejétől a befejezés után. Fájl letöltésére és weboldal betöltésére szolgál. Megadja a lejátszott fájl elérési útját.Záró címke
Kívánt.
HTML5 IE 8 IE 9+ Cr Op Sa Fx
Alekszandr Klimenkov – Tizennégy
A példa eredménye az Opera böngészőben az ábrán látható. egy.
Rizs. 1. Hangfájlok lejátszása
Böngészők
A hanglejátszási vezérlők megjelenésükben különböznek az egyes böngészőkben, de az alapelemek ugyanazok. Ezek a lejátszás/szünet gomb, a szám hossza, az eltelt és a teljes lejátszási idő, valamint a hangerő szintje.
