Miten saada HTML5-diaesitys

HTML5, seuraava sukupolvi web standardin on nurkan takana. Haluat lisätä HTML5-tuki sivustoosi? Ehkä se on aikaa ainakin. Tämä artikkeli näyttää, 2 tapoja tehdä HTML5 diaesitys ja upottaa sivustoosi.

Itsenäisen HTML5 diaesitys

Yksi suurin päivittää HTML5 on suoraan upottaa ja toistaa videoita verkossa. Tällöin kävijät katsella HTML5-diaesitys selain tukee HTML5. Ei Flash player tarvitaan. Koska HTML5 ei sen lopullinen versio, videopakkauksenhallinnan voisi ehkä käyttää WebM, H264, Ogv tai molemmat.

Tässä on, miten voit upottaa HTML5 diaesitys video:

< video poster="movie.jpg" valvonta >
< lähde src='movie.webm "type =" video/webm; koodekit = "vp8.0, vorbis" "/ >
< lähde src='movie.ogv "type =" video/ogg; koodekit = "theora, vorbis" "/ >
< lähde src='movie.mp4 "type =" video/mp4; koodekit = "avc1.4D401E, mp4a.40.2"'/ >
< / video >

Jos näet videon alla, web-selaimet tukevat HTML5, liian. Nykyään useimmat selaimet tukevat HTML5 diaesitys jo. Lisätietoja HTML5 selaimissa.

HTML5 diaesitys video luotu DVD Slideshow Builder Deluxe - yli 100 siirtymiä mukana.

Nyt mitä tarvitset on vain HTML5-diaesitysohjelmisto ja luo diaesitys video MP4 AVC -muodossa.

Interaktiivinen HTML5 diaesitys

Kuten nykyisin käytössä Flash slideshow sivustot voit myös suunnitella HTML5-diaesitys, ilman asentaa mitään. Tietenkin sinun ei tarvitse kirjoittaa codec itse. Tähän me ajaa jakaantuva HTML5 slideshow online esimerkiksi kuinka voit upottaa HTML5-diaesitys.

1. Laita tiedostot oikeaan paikkaan.

Kun HTML5 project-tiedosto ladataan täällä Pura tiedosto tietokoneeseen ja siirtää tai ladata sivuston kansioon.

On myös muita ihmisiä jakamaan heidän HTML5 Kuvaesitysprojektin verkossa. Google ja muuttaa omia tarpeitasi. On parempi laittaa tekijänoikeusilmoitus kiittää toisten työstä tai seurata license lausunnot.

2. Vaihda koodi tarpeisiisi

Yleensä et tarvitse muuta koodi css ja js tiedostoja lukuun ottamatta linkin osoite, jos ne esitetään eri kansioon. Olisi esimerkiksi muuttaa css tiedoston linkin osoite "scripts/script.js" Jos olet siirtänyt script.js tiedosto olemassa olevaan kansioon nimeltä "scripts". Linkin osoite tällaista kutsutaan suhteellisen linkin ja toinen tyyppi on absoluuttisen linkin, kuten http://yoursite.com/scripts/script.js Jos HTML5-diaesitys upottaa sivulle kansioon, käytä jotain "... /Scripts/script.js. On parasta käyttää absoluuttisen linkin Jos et ole perehtynyt erot.

Tämä HTML5 diaesitys tärkein osa on merkitty punainen laatikko. Kopioi nämä koodit minkä tahansa sivun HTML5 kuvaesitys näyttää ja muuttaa kuva-osoite, kuten edellä.

Klikkaa suuremmaksi.

3. Esikatsele HTML5-selaimissa

Lopuksi nähdä, miten HTML5-diaesitys näyttää HTML5-selaimessasi. Tavallisesti saat Tämä HTML5 diaesitys. Sivulla voit myös ladata HTML5 diaesitys tiedostoja ja Katso yksityiskohtaiset prosessin suunnittelua Martin Angelov.

Tutustu Flash diaesitys mallit tehdä sivuston kuvaesityksiä napsautuksella.