1. Pe hosting, unde se află site-ul dvs., în directorul rădăcină (dosarul în care se află fișierul index), creați folderul audio. În viitor, veți plasa toate fișierele audio în el.
3. Acum selectați fișierele dorite, de preferință în format mp3. Creați un folder audio la rădăcina site-ului și încărcați-le.
4. Mai rămâne doar să introduceți codul de conectare a playerului. Este potrivit pentru orice site În locul potrivit, trebuie doar să specificați calea către fișierul player și fișierul audio, înlocuind cuvintele în consecință domeniul_dvsși nume_fișier_audio:
Și ai terminat! De asemenea, puteți vedea lucrarea exemplu.
Cum să setați muzica de fundal în html
Folosind capacitățile HTML și ale browserului, puteți introduce și muzică de fundal pe pagină. Veți avea nevoie de un fișier audio în formatul corect: WAV, AU, MIDI sau MP3. Puteți utiliza orice fișier cu extensia specificată ca exemplu.Prima cale este eticheta de încorporare. Elementul de încorporare este folosit pentru a încărca și afișa obiecte (de exemplu, fișiere video, filme flash, unele fișiere de sunet etc.) pe care browserul nu le înțelege în mod nativ.
Sintaxa este destul de simplă:
Nu este necesară eticheta de închidere.
Acum să ne uităm la un exemplu de înregistrare cu atribute și mai jos cu decodificarea acestora:
Încorporați atribute de etichetă pentru redarea audio în html
lățime - lățimea panoului în pixeli (sau procent)
înălțime - înălțimea panoului în pixeli (sau procent)
aliniați - poziția panoului față de text, valorile posibile sunt stânga, dreapta, centru
ascuns - vă permite să ascundeți panoul, valorile atributelor: true - panoul este ascuns, false - panoul este vizibil (valoare implicită)
autostart - valoare true - playerul pornește automat când pagina este încărcată, false - așteaptă apăsarea butonului de redare
buclă - buclă, adevărat - piesa este redată în cerc, iar dacă este fals - o singură dată
A doua cale. Foarte vechi, dar și practic) Adaugă melodia în același folder (director) în care se află fișierul tău, iar în body scrie următorul cod:
Ca urmare, după încărcarea paginii, va suna melodia specificată de dvs. în eticheta bgsound. Acum să aruncăm o privire mai atentă la atributele etichetei.
src- calea către fișierul audio
buclă- de câte ori se repetă melodia (dacă -1, atunci se repetă la nesfârșit)
echilibru- valoare de echilibru stereo (de la -10000 la 10000)
volum- volumul melodiei redate, unde 0 este maximul și -10000 este minim.
Cu toate acestea, nu va fi posibil să controlați playerul în niciun fel - de fiecare dată când pagina este reîmprospătată, piesa va fi redată din nou.
După ce am descris metoda de inserare a muzicii de fundal, vreau să vă descurajez de la aceasta, deoarece majoritatea utilizatorilor la momentul vizitei diferitelor site-uri deja, de regulă, ascultă muzică. Prin urmare, muzica însoțitoare nu poate decât să-l oblige să închidă fila cu site-ul.
Inserați sunet și muzică în HTML5 - etichetă audio
audio- o etichetă asociată care definește sunetul de fundal, muzica sau alt flux audio de pe site.
Atributele etichetei audio
Redare automata- fișierul este redat imediat când pagina este încărcată (similar cu muzica de fundal bgsound)
controale- afișați panoul de control al playerului în browser
buclă- redă fișierul din nou după încheierea acestuia
preîncărcare- descărcarea fișierului audio va avea loc odată cu încărcarea paginii
src- calea către fișierul audio (mp3 sau ogg)
Exemplu de cod cu eticheta audio
Audio în HTML 5
Cu toate acestea, conținutul de pe internet este adesea unic, de exemplu, include nu numai muzică, ci și comentarii de la artiști, interviuri, tot felul de povești despre creație etc.
Au fost create un număr incredibil de utilități pentru a descărca conținut de streaming de pe Web - unele dintre ele sunt universale, altele sunt „ascuțite” pentru anumite servicii. Unele programe au acces la fișierele audio și video originale și le citesc pur și simplu de pe Internet octet cu octet, iar unele pot descărca, încărca fișiere în mai multe fluxuri, pot lucra cu grupuri de fișiere etc. Descrierea unui flux poate fi un fișier xml în format ASX (pentru Windows Media Player) sau stocat în fișiere în format RealAudio (extensiile .ra și .rm - pentru audio, .rv - pentru video), etc. Astfel de fluxuri sunt livrate nu numai prin standard Protocoale http, udb/tcp, dar și prin special - rtsp, mms, rtp, precum și prin tehnologii peer-to-peer utilizate, de exemplu, într-un serviciu de Internet TV atât de popular precum SopCast. Desigur, pentru a reda aceste formate, aveți nevoie de un client adecvat - să zicem, Windows Media Player, VLC media player etc. Acesta din urmă, apropo, nu poate doar reda conținut în flux, ci și îl poate salva pe discuri locale. O vom folosi, pentru că majoritatea resurselor sunt destul de dure pentru el.
/IMAGE/1288182839_56_1.gif)
Deci, pentru a înregistra, în special, un program radio online sau un podcast, trebuie mai întâi să obțineți un link către conținutul de streaming, apoi să îl introduceți în playerul VLC. Dacă site-ul dvs. folosește Windows Media Player pentru a reda audio, este ușor să ajungeți la link. Trebuie să faceți clic dreapta pe playerul încorporat de pe pagina site-ului și să selectați „Proprietăți”. Găsiți adresa în câmpul „Locație” și copiați-o în clipboard. Dacă site-ul folosește un player Flash sau un player dezvoltat pe baza HTML5, atunci este probabil că va trebui să căutați codul sursă al paginii sau să apelați la utilități speciale pentru a „smulge” link-urile.
/IMAGE/1288182839_57.gif)
Următorul pas este conversia streaming audio. Poate că nu puteți spune că această operațiune în VLC este simplă și evidentă. Mai degrabă, dimpotrivă, este greoaie și confuză. Folosind comanda de meniu „Media Open URL”, conținutul în flux poate fi scris într-un fișier. În mod implicit, VLC este configurat pentru a reda un link și, pentru a-l salva într-un fișier, trebuie să schimbați modul la „Convertire” în caseta de dialog care se deschide. Dialogul se va schimba - într-o nouă fereastră, fișierul țintă este indicat și profilul este selectat (adică formatul în care va fi salvată înregistrarea). După ce faceți clic pe butonul „Start”, playerul începe să copieze fluxul audio într-un fișier. Face acest lucru complet imperceptibil și, în principiu, este capabil să scrie atât timp cât dorește - acest proces va trebui controlat independent. Trebuie avut în vedere că atunci când opriți și continuați procesul de conversie, fișierul rezultat este resetat la zero. Deci, trebuie să redenumiți fișierele salvate anterior.
Este destul de evident că repetarea unei astfel de operații de fiecare dată este foarte supărătoare. Mai ales dacă trebuie să scrieți fire diferite în momente diferite. Playerul VLC oferă cel mai simplu instrument de descărcare programată numit VLC Configurator. Indică ce și unde să scrieți (acești parametri sunt configurați în același mod ca cel descris mai sus) și pentru cât timp. De exemplu, dacă trebuie să înregistrați zilnic un anumit program de radio pe Internet, ar trebui să setați opțiunile „Repetare” și „Interval între repetări” în dialog. Acum programul, după lansare, va converti în mod independent conținutul în flux.
/IMAGE/1288182839_57_1.gif)
Apropo, VLC va ajuta și la convertirea fluxurilor, de exemplu, fișierele ASF într-un MP3 mai familiar și mai ușor de înțeles pentru playerele de buzunar. Această operațiune poate fi efectuată fie manual, de fiecare dată conversia unui fișier local, fie automat folosind un script simplu în Powershell, despre care se știe că este inclus în Windows 7 și disponibil în versiunile anterioare ale acestui sistem de operare. Mai mulți parametri sunt trecuți în script - calea către fișiere, masca fișierului și, opțional, folderul rezultat în care sunt stocate fișierele (dacă nu este specificat, fișierele sunt scrise în directorul sursă). În interiorul buclei este apelat programul VLC, căruia îi sunt trimiși parametrii: ce să codifice, unde să scrie și parametrii efectivi de codare. La sfârșitul codificării, VLC este descărcat din RAM. Ultimul construct, care așteaptă ca procesul să fie descărcat din memorie, vă permite să verificați acest lucru. Puteți introduce un astfel de script în orice editor de text - blocnotes sau un editor special „vizual” Powershell ISE. Dacă îl salvați într-un fișier, de exemplu convert.ps1, atunci începe cu o construcție ca:
... convert.ps1 c: fișiere muzică * .asf.
În concluzie, merită menționat câteva caracteristici suplimentare ale scenariului. Sistemul de operare Windows nu înregistrează automat căile către programe, așa că trebuie să specificați și calea către vlc.exe în script: în versiunea pe 64 de biți - C: „Program Files (x86)” VideoLAN VLC (rețineți că liniile cu spațiile sunt cuprinse între ghilimele) și pe 32 de biți - C: „Fișiere de program” VideoLAN VLC. În plus, ar trebui să vă asigurați că ați părăsit programul VLC înainte de a rula scriptul, altfel metoda waitforexit () va rula pe termen nelimitat (datorită faptului că programul apelat în script iese, dar copia lui rămâne). Desigur, este, de asemenea, permis să se gestioneze identificatorii de proces în script, dar o astfel de posibilitate nu va face decât să o complice. Pentru a rezolva această problemă, ar trebui pur și simplu să adăugați la începutul scriptului terminarea forțată a tuturor VLC-urilor care rulează: ps vlc * | % ($ _. ucide ()). O altă caracteristică este legată de sistemul de securitate Windows 7, care necesită semnarea tuturor scripturilor. Comanda Set-ExecutionPolicy RemoteSigned, care trebuie rulată în Powershell ca administrator, va ajuta la ocolirea acestei limitări.
Script Ps1 pe Powershell pentru a converti conținutul în flux în MP3
param ($ cale intrare, $ wildcard, $ cale ieșire = $ cale intrare)
ls -path $ inputpath $ wildcard | % (
write-host $ fișier de ieșire
vlc -i dummy $ _. fullname ¨: sout = # transcode (acodec = mp3, ab = 128, canale = 2): standard (acces = fișier, mux = asf, dst = $ outputfile) ¨ vlc: // ieșire
Extrageți audio din clipuri FLV
Un alt exemplu despre modul în care VLC și Powershell pot fi utilizate împreună este extragerea audio din videoclipurile Flash în format FLV. Astfel de clipuri video sunt stocate pe portaluri specializate, cum ar fi, de exemplu, celebrul YouTube. Desigur, Google și alți proprietari de găzduire video împiedică în orice mod posibil descărcarea conținutului, dar există întotdeauna modalități de a ocoli protecția și de a obține videoclipul preferat...
Cu toate acestea, problema discutată aici este următoarea: cum să extrageți audio dintr-un fișier FLV încărcat prin orice metodă cunoscută pentru, de exemplu, să îl ascultați într-un player de buzunar. O astfel de operațiune este destul de în puterea VLC, atât în GUI, cât și din linia de comandă. Apropo, în primul caz, trebuie să faceți aproape același set de acțiuni ca înainte: selectați comanda „Media - Convertire / Salvare” din meniu, specificați fișierele sursă și destinație, precum și parametrii de conversie, adică codecul adecvat.
Pentru a converti manual folosind Powershell, la fel ca data trecută, trebuie să construiți un mic script (să-l numim flv2mp.ps1) către care sunt trimise numele folderelor sursă și destinație (în mod implicit, la fel ca sursa). Întregul său truc constă în parametrii trecuți: deoarece videoclipul nu este necesar, ar trebui să utilizați parametrul inactiv, să definiți parametrii fișierului în blocul standard și, pentru ca scriptul să nu deranjeze ferestrele pop-up, pur și simplu le blocați cu ajutorul Opțiune –dummy-silent –sout.
param ($ cale de intrare, $ cale de ieșire = $ cale de intrare)
ls -path $ cale de intrare * .flv | % (
$ outputfile = join-path $ outputpath ($ _. nume.inlocuire ($ _. extensie, ‘.mp3’))
write-host $ fișier de ieșire
vlc $ nume de fișier -I dummy --dummy-quiet --sout ¨ # transcodare (acodec = mp3, vcodec = dummy): standard (acces = fișier, mux = raw, dst = ’$ outputfile’) ¨ vlc: // ieșire
ps vlc | % ($ _. așteptați pentru ieșire ())
limbaj HTML
Inserați audio și video
Inserați sunet. Etichetă
Adaugă, redă și gestionează setările de înregistrare audio pe o pagină web. Calea fișierului este specificată prin atribut src sau etichetă imbricată
Sintaxă:
Mai multe
Atributele etichetei
Redare automata- sunetul începe să fie redat imediat după încărcarea paginii;
controale- adaugă un panou de control la fișierul audio;
buclă- repetă redarea sunetului de la început după finalizarea acestuia;
preîncărcare- folosit pentru a descărca un fișier împreună cu încărcarea unei pagini web;
src
Eticheta finală este necesară.
În interiorul recipientului
Exemplu:
Inserați videoclipul. Etichetă
Adaugă, redă și gestionează setările video pe o pagină web. Calea fișierului este specificată prin atribut src sau etichetă imbricată
Sintaxă:
Mai multe
Atributele etichetei
Redare automata- redarea video începe automat după încărcarea paginii;
controale- adaugă un panou de control la videoclip;
buclă- repetă redarea video de la început după finalizarea acestuia;
înălţime- setează înălțimea zonei pentru redarea video;
lăţime- setează lățimea zonei pentru redarea video;
preîncărcare- folosit pentru a descărca videoclipuri împreună cu încărcarea unei pagini web;
src- indică calea către fișierul redat.
Eticheta finală este necesară.
În interiorul recipientului
Exemplu:
Exemplu de rezultat în browser:
Salutare tuturor. Andrei cu tine.
În această versiune, vom afla cum vă puteți conecta sunet în HTML pagina, adică fișiere în format audio pe site-ul dvs.
Există 3 metode de încorporare fișiere de sunet.
Făcând clic pe acest link, este lansat automat un program standard pentru redarea fișierelor cu formatul specificat, de obicei Windows Media (reda fișiere AIFF, AU, MIDI, WAV și MP3). Această opțiune vă este familiară, așa că să trecem mai departe.
Al doilea modalitatea este de a folosi un recipient .
Acest container permite ascultarea cu instrumente de redare afișate direct pe pagina web, dar consola de redare poate arăta diferit în diferite browsere.
Pentru ca acest container să fie afișat, în browser trebuie instalat un plugin special. În Internet Explorer, este activat în mod implicit, dar ca și în cazul altor browsere, este posibil ca nu toate să-l aibă. Apoi trebuie să-l instalezi.
XHTML
|
Parametrul src este necesar, specifică numele fișierului de redat. Restul parametrilor pot fi omisi. O listă a acestora este prezentată mai jos.
LĂȚime = n- definește lățimea consolei în pixeli.
ÎNĂLȚIE = m- definește înălțimea consolei în pixeli.
AUTOSTART = ADEVĂRAT | FALS- dacă este TRUE, redarea începe automat.
ÎNCĂRCARE AUTOMATĂ = ADEVĂRAT | FALS- dacă este setat la FALSE, fișierul nu este încărcat automat.
STARTTIME = "mm: ss"- redarea începe din momentul specificat în minute secunde de la începutul fișierului.
REPETARE = ADEVĂRAT / FALS- permite sau interzice repetarea unui clip audio/video.
PLAY LOOP = Z- dacă ați specificat REPEAT-TRUE, specificați aici numărul de repetări în loc de Z.
VOLUM = procent- volumul de redare, indicat ca procent din maxim.
ALIGN = „valoare”- Aliniază consola de management în raport cu textul paginii. Poate fi CENTRU, LINIA DE BAZ SUS STÂNGA, DREAPTA.
CONTROLS = „valoare”- setează un set de comenzi pentru consolă. Poate avea următoarele valori (explicate mai jos) -CONSOLE, SMALLCONSOLE, PLAYBUTTON PAUSEBUTTON, STOPBUTTON și VOLUMELEVER.
CONSOLĂ- un set complet de comenzi.
MICĂ CONSOLĂ- vedere compactă a consolei. Set complet de comenzi, cu excepția butonului de pauză.
BUTON PLAY- doar butonul de redare.
BUTON PAUZĂ- doar butonul de pauză.
BUTON DE OPRIRE- doar butonul de oprire. Acest lucru descarcă fișierul.
VOLUMELEVER- doar control al volumului.
Ne-am dat seama de parametri.
Vă sugerez să încercați singuri diferiții parametri și să vedeți cum funcționează (nu este nimic complicat aici).
Al treilea modalitatea este de a specifica fișierul de sunet ca sunet de fundal pentru pagină.
Sintaxa este simplă:
src = nume de fișier- fișier de sunet
bucla = n- numărul de repetări (infinit - continuu)
volum- volum (de la 10000 la 0,0 - valoare implicită)
echilibru- echilibru intre boxele din stanga si dreapta, valoarea poate varia de la -10000 (maxim pentru canalul din stanga) la 10000 (maxim pentru canalul din dreapta).
Descriere
Adaugă, redă și gestionează setările de înregistrare audio pe o pagină web. Calea fișierului este specificată prin atributul src sau o etichetă imbricată. În interiorul recipientului
Lista de codecuri acceptate de browsere este limitată și este prezentată în tabel. unu.
| Codec | Internet Explorer | Crom | Operă | Safari | Firefox |
| ogg / vorbis | |||||
| wav | |||||
| mp3 | |||||
| AAC |
Pentru redarea universală în browserele specificate, audio este codificat folosind diferite codecuri și fișierele sunt adăugate simultan prin intermediul etichetei
Sintaxă
Atribute
Sunetul începe să fie redat imediat ce pagina se încarcă. Adaugă o bară de control la fișierul audio. Repetă sunetul de la început după ce se termină. Folosit pentru a încărca un fișier împreună cu încărcarea unei pagini web. Specifică calea către fișierul redat.Etichetă de final
Necesar.
HTML5 IE 8 IE 9+ Cr Op Sa Fx
Alexander Klimenkov - Paisprezece
Rezultatul exemplului din browser-ul Opera este prezentat în Fig. unu.
Orez. 1. Redarea unui fișier audio
Browsere
Comenzile de redare audio variază între browsere ca aspect, dar elementele de bază sunt aceleași. Acestea sunt butonul de redare/pauză, lungimea melodiei, timpul de redare scurs și total, precum și nivelul volumului.
