s

MADA zote

+
Home > Rasilimali > Tips > jinsi ya kufanya Slideshow ya HTML5

Jinsi ya kufanya Slideshow ya HTML5

HTML5, kama ijayo kizazi wavuti kiwango, ni kuzunguka kona. Unaweza kuongezea HTML5 msaada kwa tovuti yako? Labda ni wakati angalau kujiandaa. Makala hii kuonyesha njia 2 kufanya HTML5 slideshow na kupachika kwa tovuti yako.

Binafsi kuendesha HTML5 Slideshow

Mmoja wa kupandisha daraja kubwa ya HTML5 ni kwamba unaweza moja kwa moja kupachika na kuchezesha video mtandaoni kwa kutumia. Njia hii, wageni wanaweza kuangalia HTML5 slideshow kama kivinjari yao inasaidia HTML5. Hakuna mchezaji kiwango cha required. Tangu HTML5 na hajahudhuria toleo lake la mwisho, video ya codec pengine kutumia WebM, H264, Ogv au vyote viwili.

Hapa ni jinsi unaweza Pachika video ya ya slideshow HTML5:

< video poster="movie.jpg" vidhibiti >
< chanzo src='movie.webm' aina =' video/webm; Vifikiga = "vp8.0, vorbis" ' / >
< chanzo src='movie.ogv' aina =' video/ogg; Vifikiga = "theora, vorbis" ' / >
< chanzo src='movie.mp4' aina =' video/mp4; Vifikiga = "avc1.4D401E, mp4a.40.2"'/ >
< / video >

Kama unaweza kuona video hapa chini, yako ya vivinjari kusaidia HTML5, sana. Siku hizi, nyingi ya vivinjari kusaidia HTML5 slideshow tayari. Kuona mafafanuzi zaidi kuhusu HTML5 vivinjari.

HTML5 slideshow video kuundwa kwa DVD Slideshow Builder Deluxe - mipito zaidi ya 100 pamoja.

Sasa nini unahitaji ni tu ya HTML5 slideshow programu na kujenga slideshow video katika muundo wa MP4 (AVC) .

Download Win Version

HTML5 ingiliani Slideshow

Kama kutumika kwa sasa slideshow Flash kwenye tovuti, unaweza pia kubuni slideshow ya HTML5 bila ya kufunga kitu chochote. Bila shaka, huna kuandika codec mwenyewe. Hapa sisi kuchukua ya ubia sana HTML5 slideshow mtandaoni kwa mfano ili kuonyesha jinsi ya kupachika slideshow ya HTML5.

1. kuweka faili katika mahali pa haki.

Wakati wewe kupakuliwa HTML5 mradi faili kutoka hapa, unzip faili kwenye tarakilishi yako, na kuhamisha au kupakia folda ya tovuti yako.

html5 slideshow

Pia kuna watu wengine kushiriki HTML5 slideshow mradi wao mtandaoni. Google kwa moja na mabadiliko ili kukidhi mahitaji yako. Ni bora kuweka hati miliki kuwashukuru kazi wengine, au kufuata kauli leseni.

2. kubadili msimbo ili kukidhi mahitaji yako

Kwa kawaida, huna haja ya kubadili msimbo ya faili css na js, isipokuwa anwani ya kiungo ikiwa na kuziweka katika kabrasha tofauti. Kwa mfano, unapaswa kubadilisha anwani ya kiungo ya faili css kwa 'scripts/script.js' kama na kuhamia script.js faili katika folda lililopo kuitwa 'hati'. Aina hii ya anwani ya kiungo inaitwa kiungo jamaa, wakati aina nyingine ni kiungo kamili, kama vile http://yoursite.com/scripts/script.js. Kama HTML5 slideshow ni kupachika katika ukurasa katika kabrasha, unapaswa kutumia kitu kama '... /Scripts/script.js'. Bora bila kutumia kiungo kuntu kama sio ukoo na tofauti.

Sehemu muhimu ya onyesho hili la Slaidi HTML5 ni alama katika sanduku nyekundu. Nakili kanuni hizi katika ukurasa wowote unaotaka HTML5 slideshow kuonyesha na kubadilisha anwani ya taswira kama ilivyoelezwa hapo juu.

html5 slideshow code
Bofya ili kupanua.

3. awali na vivinjari HTML5

Mwisho, ona jinsi HTML5 slideshow inaonekana kama katika kivinjari chako HTML5. Kwa kawaida, utapata onyesho hili la Slaidi HTML5. Juu ya ukurasa, unaweza pia kupakua faili ya slideshow HTML5 na kuona maelezo ya mchakato kwa kubuni na Martin Angelov.

Pia angalia kiwango cha slideshow Violezo kufanya tovuti slideshows katika mibofyo.

Maswali yanayohusiana na bidhaa? Kusema moja kwa moja kwa msaada wa timu yetu >>

Juu