Prečo potrebujete hudbu na stránke?
Pomerne zaujímavá otázka, prehrávanie hudby alebo hlasových súborov na stránke, alebo vstavaný prehrávač pomáha návštevníkom stránok relaxovať, spôsobuje pozitívne emócie a nastavuje na požadovaným spôsobom, takže hovoriť uľahčuje interakciu s miestom. Ale tieto účinky fungujú len vtedy, keď je hudba na mieste zvolená správne a hlasitosť zvuku nepresahuje prípustné limity, inak bude všetky vaše úsilie zbytočné a spôsobí negatívne emócie z návštevníkov stránok.
Ako vložiť zvuk (hudbu) na stránku v HTML?
Často sa pýtame takúto otázku, hudba na webe je relevantným a kreatívnym prvkom a existuje mnoho spôsobov, ako ho reprodukovať a nie sú tak ťažké implementovať. Začnime s tým, že každý užívateľ globálnej siete používa akýkoľvek prehliadač na prístup k internetu, a neexistuje žiadna všeobecná a univerzálna technológia na prehrávanie zvukových a hudobných súborov, každý prehliadač funguje vo svojich vlastných algoritmoch a sú trochu odlišné od seba , takže pri prehrávaní hudby z pomoci úvodu v Kódexu HTML môže nastať. Ale ako viete, všetky problémy sú vyriešené!
Vložte hudbu na HTML, JavaScript, JQuery, metódy AJAX:
1 cesta.Vytvorenie zvuku hudobného prehrávača na webovej stránke alebo hráči
Technológia je jednoduchá, súbor hráč je vytvorený tak, aby sa načíta stránka alebo server vybrali technológiu, ktorú budeme používať: JavaScript, JQuery, Ajax. Na základe vybranej technológie vyvíjame skript pre naše stránky a vložíme na stránku. Skript je vytvorený v závislosti od toho, čo potrebujete: Automatická reprodukcia hudby na pozadí na stránke alebo prehrávači poháňaný užívateľom. Ďalej vytvorte priečinok v koreňovom adresári stránky pre hudbu a načítajte si zvukové súbory do nej.
Alebo ako alternatívna kompatizia, môžete vytvoriť prehrávač na technológii Flash (Flash), takýto hráč bude vyzerať efektívnejšie. Pravda bude pre stránku drahšie a ťažšie (zvýši čas na prevzatie stránok stránky).
2.
Inštalácia hudby na stránku pomocou HTML
Používanie funkcií HTML a prehliadača je možné vložiť do prehrávača stránok alebo hudbu na pozadí. Technológia je taká jednoduchá: HTML5 kód je vytvorený s "Audio" tag a tento kód je napísaný na stránku, a keď užívateľ vstupuje na stránku, vidí minimalizovaný prehrávač, návštevník klikne na tlačidlo prehrávania alebo automaticky začne hrať hudba v pozadí. Pohľad na prehrávač bude závisieť od prehliadača, z ktorého prišiel návštevník, ale funkčnosť zostane štandard: prehrávanie, zastavenie, ďalšie, prev, tlačidlá hlasitosti. Vyzerá ako hráč s HTML kódom, ako je tento:
CAM CODE NA VLOŽKU ZAČÍNAŤ TOTO:
Ako ste si mohli všimnúť príkaz "Controls AutoPlay" obsahuje prehrávanie hudby hneď, ako návštevník príde na stránku.
Alternatívna verzia HTML CODE je "BGSOUND" tag, nepoužíva vizuálny prehrávač vôbec, pri návšteve stránky začne hrať hudbu na stránke, ale nastavenie hlasitosti, dať na pauzu atď. Užívateľ nebude schopný. Nastavenie prehrávania zvukového súboru je nakonfigurované v samotnom kóde.
Formáty zvukových súborov na prehrávanie hudby na stránke môžu byť: WAV, AU, MIDI, MP3, OGG (rozšírenia). Hudobné súbory sú načítané na stránku, alebo odkazy na tieto stránky, kde sa nachádza zvukový súbor, hlavná vec je, že je v otvorenom prístupe.
Ako často ste museli hľadať hudbu, ktorú sa vám páči online? To je ten, ktorý ste počuli o vašej obľúbenej stránke (sociálne siete, hudobné portály). Často sa to stane, že to jednoducho nie je.Mate "hľadači" povedia, že to nie je. Uvažujme však, že priemerný používateľ, ktorého znalosť technológií neumožňuje "kopírovanie" v zdrojovom kóde alebo cache.
Tak sa stalo, že väčšina mojich priateľov je len títo užívatelia. Tu pre nich a bolo rozhodnuté napísať túto expanziu chrómu (a podobne).
Čo môže
- Stiahnuť ▼ akýkoľvek zvukový súbor z ľubovoľného miesta (Mp3, wav)
- Správne určuje pôvodný názov
- Ukazuje trvanie, veľkosť a bitovú rýchlosť
- Stiahnite si na tej istej stránke ako skladbu (bez presmerovania)
- Ukážkový súbor
Niektoré obrázky a video:
Budem spokojný so zdravou kritikou. Dúfam, že niekto bude užitočný pre túto expanziu.
Ak máte záujem, potom v blízkej budúcnosti zverejním prehľad v zdroji v inom rozbočí a vyložil na Github.
Aj v plánoch na prístav v Firefoxe a IE.
P.S\u003e Možnosť sťahovania videa je tiež tam, ale v súčasnosti je vypnutý (existujú malé problémy s streamovaným videom).
Jazyk HTML
Vloženie zvuku a videa
Zvuková vložka. Tag
Pridá, reprodukuje a ovláda zvukové nahrávky na webovej stránke. Cesta k súboru je nastavená prostredníctvom atribútu src alebo vnorená tag
Syntax:
Nejaký
Atribúty tagu
autoplay - Zvuk sa začne prehrávať ihneď po načítaní stránky;
kontroly. - pridáva ovládací panel do zvukového súboru;
slučky. - opakuje reprodukciu zvuku od začiatku po jeho dokončení;
preload. - používa sa na prevzatie súboru spolu s prevzatím webovej stránky;
src
Zatváracia značka je liečebná.
Vnútorný kontajner
Príklad:
Vložte video. Tag
Pridá, reprodukuje a ovláda nastavenia videa na webovej stránke. Cesta k súboru je nastavená prostredníctvom atribútu src alebo vnorená tag
Syntax:
Nejaký
Atribúty tagu
autoplay - Video sa automaticky spustí po načítaní stránky;
kontroly. - pridáva ovládací panel na video;
slučky. - opakuje prehrávanie videa od začiatku po jeho dokončení;
výška - Určuje výšku oblasti na prehrávanie videa;
šírka. - Určuje šírku oblasti na prehrávanie videa;
preload. - používa sa na stiahnutie videa spolu s prevzatím webovej stránky;
src - Určuje cestu k prehrávateľnému súboru.
Zatváracia značka je liečebná.
Vnútorný kontajner
Príklad:
Výsledok príkladu v prehliadači:
Hudba na mieste je skôr zriedkavá ako norma. Vložením hudby na stránku, musíte pochopiť, že niektorí používatelia to môže a zatlačiť vôbec. V tomto článku sa pozrieme na niekoľko možností vloženia hudby na stránku, rovnako ako zvážiť, ako urobiť hudbu na pozadí.
Ako vložiť hudbu na pozadí na stránku
Vkladanie hudby na pozadí na stránke je najnebezpečnejšou možnosťou, pokiaľ ide o stratu návštevníkov. Pretože hudba na pozadí nestačí, že nie je možné vypnúť, takže nie je tiež nastaviteľný na hlasitosť (všetko závisí od aktuálneho objemu na počítači). Takže musíte predložiť hudbu na pozadí.
Existujú dva spôsoby, ako vložiť hudbu v HTML
Možnosť 1. VIA HTML TAGE
Syntax pre vloženie hudby na pozadí
Tag
Existuje niekoľko atribútov:
- loop \u003d "Hodnota" - počet hudobných opakovaní (ak -1, potom sa opakuje nekonečne)
- balance \u003d "Hodnota" - stereo saldo (od -5000 do 10 000)
- hlasitosť \u003d "Hodnota" - Hlasitosť (0 Maximálne, -10000 Minimity)
Hudba sa automaticky prehrá pri prevzatí stránky.
napríklad
Možnosť 2. Prostredníctvom značky
Syntax pre vkladanie objektu s hudbou
