1. Skapa ljudmappen på webbhotellet där din webbplats finns, i rotkatalogen (mappen där indexfilen finns). I framtiden kommer du att placera alla ljudfiler i den.
3. Välj nu de filer du behöver, gärna i mp3-format. Skapa en ljudmapp i roten på webbplatsen och ladda upp dem.
4. Allt som återstår är att sätta in spelarens anslutningskod. Det är lämpligt för alla webbplatser. På rätt plats behöver du bara ange sökvägen till spelarfilen och ljudfilen, och ersätta orden your_domain och audio_file name:
Och allt är klart! Du kan också titta på arbetsexemplet.
Det första sättet är embed-taggen. Embed-elementet används för att ladda och visa objekt (till exempel videofiler, flashfilmer, vissa ljudfiler etc.) som webbläsaren inte förstår från början.
Syntaxen är ganska enkel:
En avslutande tagg krävs inte.
Låt oss nu titta på ett exempel på en post med attribut, och nedan med deras avkodning:
Bädda in taggattribut för att spela upp ljud i html
bredd - panelbredd i pixlar (eller procent)
höjd - panelhöjd i pixlar (eller procent)
justera - panelens position i förhållande till texten, möjliga värden är vänster, höger, mitten
dold - låter dig dölja panelen, attributvärden: true - panelen är dold, falsk - panelen är synlig (standardvärde)
autostart - sant - spelaren startar automatiskt när sidan laddas, falskt - väntar på att spelknappen ska tryckas ned
loop - loop, true - spåret spelas i en cirkel, och om det är falskt - bara en gång
Andra sättet. Mycket gammal, men också praktisk) Lägg till melodin i samma mapp (katalog) där din fil finns och skriv följande kod i brödtexten:
Som ett resultat kommer melodin du angav i bgsound-taggen att ljuda efter att sidan har laddats. Låt oss nu ta en bättre titt på taggattributen:
src - sökväg till din ljudfil
loop - hur många gånger för att upprepa melodin (om -1, upprepas sedan oändligt)
balans - stereobalansvärde (från -10000 till 10000)
volym - melodiuppspelningsvolym, där 0 är max och -10 000 är minimum.
Det kommer dock inte att finnas något sätt att styra spelaren på något sätt - varje gång sidan uppdateras kommer spåret att spelas igen.
Efter att ha beskrivit metoden för att infoga bakgrundsmusik vill jag avråda dig från detta, eftersom de flesta användare som regel redan lyssnar på musik när de besöker olika webbplatser. Därför kan medföljande musik bara tvinga honom att stänga fliken med sajten.
Infoga ljud och musik i HTML5 - ljudtaggaudio - en parad tagg som definierar bakgrundsljud, musik eller annan ljudström på webbplatsen.
Ljudtaggattribut
autoplay - filen spelas omedelbart när sidan laddas (liknande bgsound bakgrundsmusik)
kontroller - visa spelarens kontrollpanel i webbläsaren
loop - spelar upp filen igen efter att den är slut
preload - ljudfilen kommer att laddas tillsammans med sidans inläsning
src - sökväg till ljudfilen (mp3 eller ogg)
Exempelkod med ljudtagg
Ljudtagg
Ljud i HTML 5
Ljudtaggen stöds inte av din webbläsare.
Ladda ner musik.
Musik på sajten är mer sällsynt än normen. När du infogar musik på en webbplats måste du förstå att vissa användare kan bli helt avstängda av det. I den här artikeln kommer vi att titta på flera alternativ för att infoga musik på en webbplats, och även titta på hur man gör bakgrundsmusik.
Hur man infogar bakgrundsmusik på en webbplatsAtt infoga bakgrundsmusik på en webbplats är det farligaste alternativet när det gäller att förlora besökare. Eftersom bakgrundsmusiken inte bara kan stängas av, utan dess volym kan inte justeras på något sätt (allt beror på den aktuella volymen på datorn). Så du måste tänka hundra gånger innan du sätter in bakgrundsmusik.
Det finns två sätt att infoga musik i html
Alternativ 1. Via html-tagg Syntax för att infoga bakgrundsmusikTaggen har flera attribut:
- loop="value" - antalet repetitioner av musiken (om -1, upprepas sedan oändligt)
- balance="value" - stereobalans (från -10000 till 10000)
- volym="värde" - volym (max 0, minimum -10 000)
Musik spelas automatiskt när sidan laddas.
Till exempel
Alternativ 2. Genom Syntax-taggen för att infoga ett objekt med musikTaggen kan använda följande attribut:
- width="value" - width (i pixlar eller procent)
- height="value" - höjd (i pixlar eller procent)
- align="value" - justering (vänster - vänster, höger - höger, mitten - mitten)
- hidden="value" - panelsynlighet (true - hide, false - show), som standard är panelen synlig
- autostart="value" - spela musik när du laddar (sant - ja, falskt - nej)
- loop="value" - värde sant - spela i en cirkel, falskt - en gång
Till exempel
Standardspelaren kommer att se olika ut för varje webbläsare, så vi kommer inte att överväga var och en av dem separat.
I html5 kan du använda taggenInnebörden av att använda taggen är tveksam, eftersom äldre webbläsare fortfarande inte stöder html5.
Taggsyntax Webbläsaren stöder inte ljudFöljande attribut kan användas:
- autoplay="value" - slå på musik direkt när sidan laddas
- controls="value" - visa spelarens kontrollpanel i webbläsaren
- loop="value" - ansvarig för cyklicitet
- preload="value" - ladda musik direkt när sidan laddas
De övervägda alternativen, enligt min mening, är inte idealiska lösningar, eftersom de alla är baserade på standardspelare. Varje webbläsare kommer att ha sin egen standardspelare, och i vissa kanske det inte fungerar alls. Därför är det bäst att ladda ner spelaren till din webbplats och ladda ner musik från den. En sådan spelare kommer att ha funktioner för att stoppa, justera volymen etc. - all nödvändig uppsättning för en enkel användare.
BeskrivningLägger till, spelar upp och hanterar ljudinställningar på en webbsida. Sökvägen till filen anges via src-attributet eller en undertagg. Du kan skriva text inuti behållaren som kommer att visas i webbläsare som inte fungerar med den här taggen.
Listan över codecs som stöds av webbläsare är begränsad och ges i tabell. 1.
| Codec | Internet Explorer | Krom | Opera | Safari | Firefox |
| ogg/vorbis | |||||
| wav | |||||
| mp3 | |||||
| A.A.C. |
För universell uppspelning i specificerade webbläsare kodas ljud med olika codecs och filer läggs till samtidigt genom taggen.
Syntaxattribut Ljudet börjar spelas direkt efter att sidan har laddats. Lägger till en kontrollpanel till en ljudfil. Upprepar ljudet från början efter att det är slut. Används för att ladda ner en fil tillsammans med att ladda en webbsida. Anger sökvägen till filen som spelas upp. Avslutande taggNödvändig.
HTML5 IE 8 IE 9+ Cr Op Sa Fx
audio
Alexander Klimenkov - fjorton
Ljudtaggen stöds inte av din webbläsare. Ladda ner musik.Resultatet av exemplet i Opera-webbläsaren visas i fig. 1.
Ris. 1. Spela upp en ljudfil
WebbläsareLjuduppspelningskontroller varierar i utseende mellan webbläsare, men de grundläggande elementen är desamma. Dessa är uppspelnings-/pausknappen, spårlängd, förfluten och total speltid samt volymnivå.
Internetinnehåll är dock ofta unikt, till exempel inkluderar det inte bara musik, utan även kommentarer från artister, intervjuer, alla möjliga berättelser om skapande, etc.
Ett otroligt antal verktyg har skapats för att ladda ner strömmande innehåll från Internet - vissa av dem är universella, andra är "skräddarsydda" för specifika tjänster. Vissa program får tillgång till källljud- och videofiler och läser dem helt enkelt byte-för-byte från Internet, medan vissa kan ladda ner filer, ladda filer i flera strömmar, arbeta med grupper av filer etc. Strömbeskrivningen kan vara en xml fil i formatet ASX (för Windows Media Player) eller lagras i filer av RealAudio-formatet (tilläggen .ra och .rm - för ljud, .rv - för video) etc. Sådana strömmar levereras inte bara via standardprotokollen http , udb / tcp, men också via special - rtsp, mms, rtp, såväl som genom peer-to-peer-teknologier som används till exempel i en så populär internet-tv-tjänst som SopCast. Naturligtvis, för att spela dessa format behöver du en lämplig klient - säg Windows Media Player, VLC mediaspelare, etc. Den senare kan förresten inte bara spela upp strömmande innehåll, utan också spara det på lokala enheter. Det är precis vad vi kommer att använda, eftersom de flesta resurserna är ganska tuffa för honom.
/IMAGE/1288182839_56_1.gif)
Så för att spela in ett radioprogram eller podcast online måste du först skaffa en länk till det strömmande innehållet och sedan skriva in det i VLC-spelaren. Om webbplatsen använder Windows Media Player för att spela upp ljud blir det lätt att komma till länken. Du måste högerklicka på spelaren som är inbyggd i sajtsidan och välja "Egenskaper". I fältet "Plats", hitta adressen och kopiera den till urklipp. Om webbplatsen använder en Flash-spelare eller en spelare som utvecklats på basis av HTML5, är det troligt att du kommer att behöva rota igenom sidans källkod eller vända dig till speciella verktyg för att "riva ut" länkar.
/IMAGE/1288182839_57.gif)
Nästa steg är att konvertera strömmande ljud. Du kanske inte kan säga att denna operation i VLC är enkel och uppenbar. Tvärtom är det krångligt och förvirrande. Genom att använda menykommandot "Media Öppna URL" kan strömmande innehåll skrivas till en fil. Som standard är VLC konfigurerad för att spela upp länken, och för att spara den till en fil måste du ändra läget till "Konvertera" i dialogrutan som öppnas. Dialogrutan kommer att ändras - målfilen visas i ett nytt fönster och en profil väljs (dvs. formatet som inspelningen kommer att sparas i). Efter att ha klickat på "Start"-knappen börjar spelaren kopiera det strömmande ljudet till en fil. Han gör detta helt obemärkt och kan i princip skriva så länge han vill - den här processen måste kontrolleras oberoende. Observera att när du stoppar och fortsätter konverteringsprocessen, återställs den resulterande filen till noll. Så du måste byta namn på tidigare sparade filer.
Det är ganska uppenbart att det är mycket besvärligt att upprepa en sådan operation varje gång. Speciellt om du behöver skriva olika trådar vid olika tidpunkter. VLC-spelaren tillhandahåller ett enkelt schemalagt nedladdningsverktyg som kallas VLC Configurator. Den indikerar vad och var man ska skriva (dessa parametrar är konfigurerade på samma sätt som beskrivs ovan) och hur länge. Om du till exempel behöver spela in ett visst internetradioprogram varje dag, bör du ställa in alternativen "Repetera" och "Intervall mellan upprepningar" i dialogrutan. Nu, efter lanseringen, kommer programmet självständigt att konvertera strömmande innehåll.
/IMAGE/1288182839_57_1.gif)
Förresten, VLC kommer också att hjälpa när du konverterar strömmar, till exempel ASF-filer till MP3, vilket är mer bekant och förståeligt av pocketspelare. Denna operation kan göras antingen manuellt, konvertera en lokal fil varje gång, eller automatiskt med hjälp av ett enkelt Powershell-skript, som, som du vet, ingår i Windows 7 och är tillgängligt i tidigare versioner av detta operativsystem. Skriptet skickas flera parametrar - sökvägen till filerna, filmasken och, valfritt, den resulterande mappen där filerna lagras (om det inte anges skrivs filerna till källkatalogen). Inuti slingan anropas VLC-programmet, till vilka parametrar skickas: vad som ska kodas, var ska skrivas och de faktiska kodningsparametrarna. När kodningen är klar laddas VLC ur RAM-minnet. Du kan verifiera detta genom den sista konstruktionen, som väntar på att processen ska laddas ur från minnet. Du kan ange ett sådant skript i vilken textredigerare som helst - anteckningsblock eller en speciell "visuell" editor Powershell ISE. Om du sparar den i en fil, till exempel convert.ps1, så startas den med en konstruktion som:
. convert.ps1 c: filer musik *.asf.
Sammanfattningsvis är det värt att notera några fler funktioner i manuset. Windows-operativsystemet anger inte automatiskt sökvägar till program, så skriptet måste också ange sökvägen till vlc.exe: i 64-bitarsversionen - C: 'Program Files (x86)' VideoLAN VLC (observera att rader med mellanslag är omges av citattecken) och i 32-bitars - C: 'Program Files' VideoLAN VLC . Du bör också se till att du lämnar VLC-programmet innan du kör skriptet, annars kommer waitforexit()-metoden att köras på obestämd tid (på grund av att programmet som anropas skriptet avslutas, men en kopia av det kommer att finnas kvar). Naturligtvis är det också möjligt att bearbeta processidentifierare i ett skript, men en sådan möjlighet kommer bara att komplicera det. För att lösa detta problem bör du helt enkelt lägga till en forcering av alla körande VLC i början av skriptet: ps vlc* | %($_.kill()). En annan funktion är relaterad till säkerhetssystemet Windows 7, som kräver att alla skript är signerade. Kommandot Set-ExecutionPolicy RemoteSigned kan hjälpa dig att kringgå denna begränsning som du behöver för att köra den i Powershell som administratör.
Skript convert.ps1 på Powershell för att konvertera strömmande innehåll till MP3
param ( $inputpath, $wildcard, $outputpath = $inputpath)
ls -path $inputpath $jokertecken | % (
skrivvärd $outputfil
vlc -i dummy $_.fullname ¨:sout=#transcode (acodec=mp3,ab=128,channels=2):standard (access=file,mux=asf,dst=$outputfile)¨ vlc://quit
Extrahera ljud från FLV-videor
Ett annat exempel på att använda VLC och Powershell tillsammans är att extrahera ljud från Flash-videor i FLV-format. Sådana videoklipp lagras på specialiserade portaler, som den välkända YouTube. Naturligtvis gör Google och andra videovärdägare sitt bästa för att förhindra nedladdning av innehåll, men det kommer alltid att finnas sätt att kringgå skyddet och få den video du gillar...
Men uppgiften som diskuteras här är följande: hur man extraherar ljud från en FLV-fil som laddats ner med någon känd metod för att till exempel lyssna på den i en pocket player. En sådan operation ligger inom VLC:s kapacitet, både i GUI och från kommandoraden. Förresten, i det första fallet måste du göra nästan samma uppsättning åtgärder som tidigare: välj kommandot "Media - Konvertera/Spara" från menyn, ange käll- och resultatfiler, såväl som konverteringsparametrar, d.v.s. motsvarande codec.
För att utföra manuell konvertering med Powershell behöver du, som tidigare, konstruera ett litet skript (låt oss kalla det flv2mp.ps1), dit namnen på käll- och målmapparna skickas (som standard, samma som källan). Hela dess trick ligger i de godkända parametrarna: eftersom en video inte krävs, bör du använda dummy-parametern, definiera filparametrarna i standardblocket, och så att skriptet inte stör dig med popup-fönster, blockera dem helt enkelt med alternativet –dummy-quiet –sout.
param($inputpath, $outputpath = $inputpath)
ls -path $inputpath *.flv | % (
$outputfile = join-path $outputpath($_.name.replace($_.extension, '.mp3'))
skrivvärd $outputfil
vlc $filnamn -I dummy --dummy-quiet --sout ¨#transcode (acodec=mp3,vcodec=dummy):standard (access=file,mux=raw,dst=’$outputfile’)¨ vlc://quit
ps vlc | %($_.waitforexit())
Hej kära bloggläsare. Det är inte förvånande att mediasajter har blivit allt mer populära på sistone. På sådana sajter är det väldigt intressant, till exempel kan du titta på lite video eller lyssna på bra musik. Men den här gången kommer vi att lyssna på musik, nämligen, vi kommer att lära oss hur man infogar ljudfiler på vår webbplats med HTML5.
Som det visar sig, stöder HTML5 ljudtaggar, vilket gör det mycket enkelt att infoga musik på en webbplats. Det är sant att inte alla gamla webbläsare spelar upp ljudfilen, men alla moderna webbläsare gör det med råge.
Stöd för demowebbläsareAlla webbläsare som stöder taggen är IE9+, Chrome, Opera, Safari och Firefox. Men det finns ytterligare en nyans: inte alla webbläsare stöder alla ljudformat.
Till exempel: IE9+ stöder bara mp3-filer, men stöder inte wav och ogg.
Chrome efter version 6 stöder nästan alla format.
Opera 10+ stöder inte mp3, ärligt talat, det verkar för mig att detta är dess mycket stora nackdel, det stöder inte ett så populärt format. Men det fungerar utmärkt med wav och ogg.
Det är samma historia med webbläsaren Firefox som med Opera. För detta har hon ett stort och fett minus.
Safari stöder alla ljudformat utom ogg.
Lägga till en ljudfil på webbplatsenFör att lägga till en ljudfil på din webbplats måste du inkludera en direktlänk till filen mellan taggarna. Länken anges med taggen. Så här kommer den färdiga koden att se ut:
Din webbläsare stöder inte ljud
Som du kan se har 3 filer lagts till här på en gång, så om någon webbläsare inte stöder mp3 kommer den automatiskt att spela upp det format som den gör, och så vidare.
Och om webbläsaren inte stöder taggen alls, kommer detta meddelande "Din webbläsare stöder inte ljud" att dyka upp.
Vänner, här är ett exempel på vårt arbete. En enkel spelare installeras av webbläsaren själv.
DemoDet är allt, kära vänner. Om du har några frågor eller svårigheter, fråga i kommentarerna. Ses snart.
