Adaptive audiolejátszó a honlapon


A kiadás a HTML5, egyre népszerűbb a forgalom audio lejátszó. Ma megnézzük egy plugin AudioPlayer.js. , amelyen keresztül gyorsan és könnyen hozzá a zenelejátszó a honlapon.
A főbb jellemzői ennek a plugin:
- Az alkalmazkodóképesség alapuló CSS;
- Barátságos minden típusú monitorok, többek touch;
- Súlya 4 kb;
használata
Először is, meg kell adni a fájl elérési útját a src attribútum. például:
Ez a kód csak betölti a fájlt elindítása nélkül is. A kezdéshez meg kell nyomnia a Play gombot. Egyéb lehetséges preload attribútum (none, metaadatok).
Ahhoz, hogy automatikusan lejátszani a fájlt a letöltés után, az attribútum automatikus lejátszás:
Annak érdekében, hogy ugyanazt a hangot a különböző formátumok különböző típusú böngésző, használja az alábbi kódot:
De hogyan kell kezdeni plug-in? Nagyon egyszerű. Csatlakoztassa a plug-in jQuery és HTML:
Azt is kihasználni számos további paraméter. Például, classPrefix, amely meghatározza az előtag attribútum osztály. További lehetséges beállítások:
Elindítása után a dugó tag
Ha a böngésző nem támogatja a hang, akkor helyébe egy elemet:

Által nyújtott információk útján két csatorna (látás és hallás) a képzés hatékonyságának sokkal jobb tanulás könyvekből. A házi feladatok és online tesztek lehetővé teszi, hogy folyamatosan úgy gondolja, a célnyelven, és azonnal ellenőrizze tudását!


Ha azt szeretnénk, hosszú ideig, hogy tanulmányozzák, hogyan lehet HTML-t, akkor engem, mert van jó hír!

Ha már megtanulta a HTML és tovább szeretne lépni, a következő lépés az lesz, hogy tanulmányozza a CSS technológiával.

Ha azt szeretnénk, hogy megértsék a fogalmak domain és tárhely, megtanulják, hogyan kell létrehozni egy adatbázist, feltölteni a fájlokat a honlapon keresztül FTP szerver, hozzon létre aldomain konfigurálja a postaládákat a helyszínen, és ellenőrzi a részvétel, a tanfolyam kifejezetten az Ön számára!