Kijan pou yo fè yon Diaporama HTML5

HTML5, kòm moun kap vini an pitit web estanda, se nan lakou a. Ta ou ajoute HTML5 sipò sit entènèt ou? Gen dwa se lè pi piti pou pwepare. Atik sa a pwal montre ou 2 fason pou fè HTML5 diaporama ak houke pou ou sit entènèt.

Diaporama HTML5 ak tèt madanm

Yonn nan pi gwo amelyorasyon nan HTML5 se sa ou kapab dirèkteman houke jwe videyo sou liy itilize. Wout sa a, vizitè yo ka gade diaporama HTML5 a osi lontan ke browser yo sipòte HTML5. Pa Flash jwè mande. Depi HTML5 la tou pa te leve li dènye vèsyon pipiti de youn, vidéo codec te kapab pwobableman itilize WebM, H264, Ogv, oubyen tou de.

Isit la, se jan ou kapab houke yon videyo diaporama HTML5.

< poster="movie.jpg vidéo" kontwòl yo >
< src='movie.webm pou sous ' tip =' videyo/webm, codecs = "vp8.0, vorbis" ' / >
< src='movie.ogv pou sous ' tip =' videyo/ogg, codecs = "theora, vorbis" ' / >
< src='movie.mp4 pou sous ' tip =' videyo/mp4, codecs = "avc1.4D401E, mp4a.40.2"'/ >
< / vidéo >

Si ou kapab wè videyo ki pi ba, navigateurs web ou sipòte HTML5, tou. Sèjousi, pifò navigateurs sipòte HTML5 diaporama deja. Gade plis detay sou HTML5 navigateurs.

HTML5 diaporama vidéo te kreye ak DVD Slideshow Builder Deluxe - plis pase 100 transitions ki te gen ladan li.

Koulye a sa nou bezwen se sèlman yon HTML5 diaporama lojisyèl ak kreye diaporama vidéo nan fòma MP4 (AVC) .

Diaporama interactive HTML5

Tankou ki aktyèlman ap itilize Flash diaporama sou sit entènèt, ou kapab tou desine yon diaporama HTML5 san enstale anyen. Men wi, ou pa gen pou yo ekri codec tèt ou. Isit la nou pran yon lajman pataj HTML5 diaporama sou liy pou egzanp pou montre ou kijan pou houke yon HTML5 diaporama.

1. mete fichiers nan sèl kote.

Lè ou telechaje dokiman pwojè HTML5 an soti isit la, dezipe dokiman an pou konpitè ou, ak deplase oubyen téléchargement pou Katab nan sit entènèt ou.

Genyen tou lòt moun pou pataje yo HTML5 diaporama pwojè sou liy. Google pou yon chanjman pou fè prosè sa ou bezwen. Li se pi bon pou mete D' avi pou di mèsi pou travay lòt moun yo, oswa swiv lisans deklarasyon.

2. chanje kòd pou fè prosè sa ou bezwen

An jeneral, ou pa bezwen chanje kòd la css ak js ki sispann, eksepte adrès ki lye a si ou mete yo nan yon Katab diferan. Pa ekzanp, ou ta dwe chanje css dosye ki lye adrès la pou 'scripts/script.js' si ou te deplase ranpli script.js nan yon Katab ki ekziste te rele 'scripts'. Jan de adrès lyen yo rele relatif ki lye, pandan yon lòt kalite se absoli lyen, tankou http://yoursite.com/scripts/script.js. Si la diaporama HTML5 houke pou yon paj nan yon Katab, ou ta dwe sèvi ak yon bagay tankou '. /scripts/script.js yo. Ou ta ka pi byen sèvi ak lyen absoli si ou pa abitye ak sou diferans ki genyen.

A pati ki pi enpòtan nan diaporama HTML5 sa a mak nan bwat wouj la. Copie codes sa yo nan yon paj ou vle diaporama HTML5 etale ak chanje adrès imaj la tankou te dekri pi wo pase.

Sur pou yo agrandi.

3. aperçu ak HTML5 navigateurs

Pou fini, gade jan diaporama HTML5 a sanble nan browser HTML5 ou. Nòmalman, n' a jwenn diaporama HTML5 sa a. Nan paj la, ou te kapab tou rale dosye HTML5 diaporama fichiers, wa wè detay pwosesis pou konplo li pa Martin Angelov.

Tou kite fè yan diaporama modèles pou fè sit entènèt diaporamas nan Sur.