Alla ämnen

+
Home > Zdrojov > tipy > ako si vyrobiť HTML5 Slideshow

Ako si vyrobiť HTML5 Slideshow

HTML5, budúci generácie webový štandard, je za rohom. By pridať HTML5 podporu vašich webových stránkach? Možno je čas aspoň na prípravu. Tento článok vám ukáže, 2 spôsoby, ako urobiť prezentáciu HTML5 a vložiť na svoje webové stránky.

Samostatne spustenej prezentácie HTML5

Jeden z najväčších upgrade HTML5 je, že priamo vložiť a hrať videí online pomocou. Tak návštevníci mohli sledovať HTML5 slideshow, tak dlho, ako ich prehliadač podporuje HTML5. Bez blesku prehrávač vyžaduje. Od HTML5 má prísť do jeho finálnej verzie, video kodek mohol pravdepodobne používať WebM, H264, Ogv alebo oboje.

Tu je, ako môžete vložiť slideshow HTML5 videa:

< videa poster="movie.jpg" ovládacie prvky >
< zdroj src='movie.webm "typ =" videa/webm; kodeky = "vp8.0, vorbis" "/ >
< zdroj src='movie.ogv "typ =" videa/ogg; kodeky = "theora, vorbis" "/ >
< zdroj src='movie.mp4 "typ =" videa/mp4; kodeky = "avc1.4D401E, mp4a.40.2"'/ >
< / video >

Ak môžete, pozrite sa na video nižšie, webové prehliadače podporujú HTML5, taky. V dnešnej dobe, väčšina prehliadačov podporuje HTML5 slideshow už. Pozrite si ďalšie podrobnosti o HTML5 prehliadačov.

HTML5 video prezentácia vytvorená s DVD Slideshow Builder Deluxe - viac ako 100 prechodov zahrnuté.

Teraz to, čo potrebujete je len HTML5 slideshow softvér a vytvoriť slideshow video vo formáte MP4 (AVC) .

Download Win Version

Interaktívne HTML5 Slideshow

Ako v súčasnosti používa Flash slideshow na webové stránky, môžete tiež navrhnúť HTML5 slideshow bez inštalácie nič. Samozrejme, nemusíte písať kodek sami. Tu sme sa široko zdieľané HTML5 prezentáciu on-line napríklad ukázať vám, ako vložiť slideshow HTML5.

1. umiestniť súbory na správne miesto.

Keď ste si stiahli súbor projektu HTML5 tu, rozbaľte súbor do počítača, a presunúť alebo nahrať do zložky vašich webových stránkach.

html5 slideshow

Existujú aj iných ľudí, zdieľať svoje HTML5 prezentáciu projektu on-line. Google pre jeden a zmena svojim potrebám. Je lepšie dať autorských ďakujem prácu druhých, alebo sledovať licencie vyhlásenia.

2. zmeniť kód, aby vyhovoval vašim potrebám

Zvyčajne nie je potrebné zmeniť kód css a js súbory, okrem adresu odkazu, ak im dáte do iného priečinka. Napríklad mali zmeniť adresu css súbor odkaz na "scripts/script.js", ak ste premiestnili script.js súbor do existujúceho priečinka s názvom "skripty". Tento typ adresu odkazu sa nazýva relatívny odkaz, zatiaľ čo iný typ je absolútny odkaz, ako http://yoursite.com/scripts/script.js. Ak HTML5 slideshow je vložiť na stránku v priečinku, by ste mali používať niečo ako "... /scripts/Script.js'. Absolútny odkaz by lepšie využitie, ak nie ste oboznámení s rozdielmi.

Najdôležitejšou časťou tohto HTML5 slideshow je označená v červenom rámčeku. Kopírovať tieto kódy do ľubovoľnej stránky chcete HTML5 prezentáciu zobraziť a zmeniť adresu obrázka ako popísané vyššie.

html5 slideshow code
Kliknite pre zväčšenie.

3. Ukážka s HTML5 prehliadače

Napokon, vidieť, ako vyzerá HTML5 slideshow v prehliadači HTML5. Normálne, budete mať Tento HTML5 slideshow. Na stránke, môžete tiež stiahnuť súbory prezentácie HTML5 a pozri detailný proces Design od Martin Angelov.

Tiež check out Flash slideshow šablóny vytvoriť web prezentácií kliknutí.

Otázky týkajúce sa produktu? Hovoriť priamo na náš tím podpory >>

Hore