Holl bynciau

+
Home > Adnoddau > cynghorion > sut i wneud sioe sleidiau HTML5

Sut i wneud sioe sleidiau HTML5

HTML5, fel y we genhedlaeth nesaf Safon, sydd rownd y gornel. Byddai ychwanegu cymorth HTML5 at eich gwefan? Efallai mae'n amser i baratoi o leiaf. Bydd yr erthygl hon yn dangos ffyrdd 2 i wneud sioe sleidiau HTML5 ac ymgorffori eich gwefan.

Hunan-rhedeg sioe sleidiau HTML5

Un o'r mwyaf uwchraddio HTML5 yw y gallwch uniongyrchol ymgorffori a chwarae fideos ar-lein drwy ddefnyddio. Y ffordd hon, gall yr ymwelwyr wylio y sioe sleidiau HTML5 cyhyd ag y mae eu porwr yn cefnogi HTML5. Unrhyw chwaraewr Flash sydd eu hangen. Ers y HTML5 ni ddod i ei fersiwn derfynol, gallai codec fideo mae'n debyg yn defnyddio WebM, H264, Ogv neu ddau.

Dyma sut y gallwch chi ymgorffori'r fideo sioe sleidiau HTML5:

< poster="movie.jpg fideo" rheolaethau >
< ffynhonnell src='movie.webm' math =' fideo/webm; Codecau = "vp8.0, vorbis" ' / >
< ffynhonnell src='movie.ogv' math =' fideo/ogg; Codecau = "theora, vorbis" ' / >
< ffynhonnell src='movie.mp4' math =' fideo/mp4; Codecau = "avc1.4D401E, mp4a.40.2"'/ >
< / fideo >

Os gallwch weld y fideo isod, mae eich porwyr gwe cefnogi HTML5, rhy. Y dyddiau hyn, mae'r mwyafrif o borwyr yn cefnogi sioe sleidiau HTML5 yn eisoes. Gweler mwy o fanylion am HTML5 porwyr.

HTML5 sioe sleidiau fideo creu gyda DVD Slideshow Builder Deluxe -pontio mwy na 100 cynnwys.

Bellach beth sydd ei angen yw unig HTML5 sioe sleidiau meddalwedd a chreu sioe sleidiau fideo mewn fformat MP4 (AVC) .

Download Win Version

Sioe sleidiau HTML5 rhyngweithiol

Fel y sleidiau fflach ar hyn o bryd defnyddir ar wefannau, gallwch hefyd gynllunio sioe sleidiau HTML5 heb osod unrhyw beth. Wrth gwrs, nid oes rhaid i chi ysgrifennu codec eich hun. Yma byddwn yn rhannu eang HTML5 sioe sleidiau ar-lein er enghraifft i ddangos i chi sut i ymgorffori sioe sleidiau HTML5.

1. rhoi'r ffeiliau yn y lle iawn.

Pan roedd chi lawrlwytho ffeil y prosiect HTML5 yma, dim modd dadsipio'r ffeil i'r cyfrifiadur, a symud neu lanlwytho i'r ffolder eich gwefan.

html5 slideshow

Mae yna hefyd bobl eraill i rannu eu prosiect sioe sleidiau HTML5 ar-lein. Google ar gyfer un a newid i ateb eich anghenion. Mae'n well rhoi hysbysiad Hawlfraint i ddiolch gwaith pobl eraill, neu yn dilyn y datganiadau trwydded.

2. newid cod i ddiwallu eich anghenion

Fel arfer, nid oes angen ichi newid y Cod o ffeiliau css a js, ac eithrio cyfeiriad cyswllt os ydych wedi eu rhoi mewn ffolder wahanol. Er enghraifft, dylid newid y cyfeiriad cyswllt ffeil css i 'scripts/script.js' os ydych wedi symud ffeil script.js i ffolder sy'n bodoli o'r enw 'sgriptiau'. Gelwir y math hwn o gyfeiriad cyswllt cysylltiad cymharol, er bod math arall yn ddolen absoliwt, megis http://yoursite.com/scripts/script.js. Os y sioe sleidiau HTML5 yn ymgorffori i dudalen mewn ffolder, dylech ddefnyddio rhywbeth fel '... /scripts/script.JS'. Byddai gwell ddefnyddio cysylltiad absoliwt os nad ydych yn gyfarwydd â gwahaniaethau.

Yn y rhan bwysicaf o'r sioe sleidiau hon HTML5 yn amlwg yn y blwch coch. Copïo codau hyn i unrhyw dudalen rydych am sioe sleidiau HTML5 i arddangos a newid y cyfeiriad delwedd fel a ddisgrifir uchod.

html5 slideshow code
Cliciwch i ymhelaethu.

3. rhagolwg â porwyr HTML5

Yn olaf, weld sut y bydd y sioe sleidiau HTML5 yn edrych fel yn eich porwr HTML5. Fel arfer, byddwch yn cael sioe sleidiau hon HTML5. Ar y dudalen, gallech hefyd lawrlwytho ffeiliau sioe sleidiau HTML5 a gweld y broses fanwl i ddylunio gan Martin Angelov.

Hefyd edrychwch ar fflach templedi sioe sleidiau i wneud gwefan sioeau sleidiau mewn chlic.

Cwestiynau sy'n gysylltiedig â cynnyrch? Siarad yn uniongyrchol â 'n tîm cymorth >>

Uchaf