Wszystkie tematy

+
Home > Zasobów > porady > jak zrobić pokaz slajdów HTML5

Jak zrobić pokaz slajdów HTML5

HTML5, jak następnej generacji sieci web standard, jest za rogiem. Możesz dodać obsługę HTML5 na swojej stronie internetowej? Być może nadszedł czas co najmniej do przygotowania. Ten artykuł pokaże wam 2 drogi wobec zrobić pokaz HTML5 i zamieścić na swojej stronie internetowej.

Automatycznej HTML5 pokaz slajdów

Jeden z największych uaktualnienia HTML5 jest że można bezpośrednio Sprzeniewierzyć i grać wideo online za pomocą. W ten sposób odwiedzający można oglądać pokaz HTML5 tak długo, jak ich przeglądarka obsługuje HTML5. Nie wymagany odtwarzacz Flash. Ponieważ HTML5 nie ma przyjść do jego ostatecznej wersji, kodek wideo chyba przydałby się, WebM, H264, Ogv lub oba.

Oto jak można osadzić wideo pokaz slajdów HTML5:

< poster="movie.jpg wideo" kontroli >
< source src='movie.webm' Typ =' wideo/webm; kodery-dekodery = "vp8.0, vorbis" "/ >
< source src='movie.ogv' Typ =' wideo/ogg; kodery-dekodery = "theora, vorbis" "/ >
< source src='movie.mp4' typ = "video/mp4; kodery-dekodery = "avc1.4D401E, mp4a.40.2"'/ >
< / wideo >

Jeśli można zobaczyć film poniżej, przeglądarki sieci web obsługuje HTML5, zbyt. Obecnie większość przeglądarek obsługuje HTML5 pokaz już. Zobacz więcej informacji na temat przeglądarek obsługujących HTML5.

HTML5 pokaz wideo stworzony z DVD Slideshow Builder Deluxe - ponad 100 przejść uwzględniane.

Teraz to, czego potrzebujesz jest tylko HTML5 pokaz slajdów oprogramowania oraz tworzenie pokazu slajdów wideo w formacie MP4 (AVC) .

Download Win Version

HTML5 interaktywna pokazu slajdów

Jak obecnie używane slajdów Flash na stronach internetowych można także zaprojektować HTML5 pokaz bez instalacji nic. Oczywiście nie musisz pisać kod siebie. Tu bierzemy powszechnie udostępnione HTML5 pokaz slajdów online na przykład wobec uwidocznić ty jak wobec sprzeniewierzyć HTML5 pokaz slajdów.

1. umieścić pliki w odpowiednim miejscu.

Gdy plik projektu HTML5 można pobrać z tutaj, Rozpakuj plik na komputerze i przenieść lub wgrać do folderu witryny.

html5 slideshow

Istnieją również innych ludzi wobec udział ich HTML5 pokaz projektu online. Google dla jednego i zmiany do swoich potrzeb. To lepiej postawić autorskich dziękuję cudzych prac, lub wykonaj instrukcje licencji.

2. Zmień kod do swoich potrzeb

Zazwyczaj nie trzeba zmieniać kod css i js plików, z wyjątkiem adres link jeśli umieścisz je w innym folderze. Na przykład należy zmienić adres linku plik css do 'scripts/script.js', po przeniesieniu script.js pliku do istniejącego folderu o nazwie "skrypty". Tego rodzaju łącze adresu nazywa łącza względnego, podczas gdy inny typ jest łącze bezwzględne, takich jak http://yoursite.com/scripts/script.js. Jeśli pokaz slajdów HTML5 jest zamieścić na stronę w folderze, należy użyć czegoś w stylu "... /scripts/script.js'. Że lepiej używałyby łącze bezwzględne, jeśli nie jesteś zaznajomiony z różnic.

Najważniejszą częścią tej pokaz HTML5 jest oznaczony w czerwonym polu. Skopiuj te kody do dowolnej strony chcesz HTML5 pokazu slajdów, aby wyświetlić i zmienić adres obrazka jak opisane powyżej.

html5 slideshow code
Kliknij, aby powiększyć.

3. podgląd z przeglądarek obsługujących HTML5

Wreszcie zobaczyć, jak wygląda pokaz HTML5 w przeglądarce HTML5. Normalnie, otrzymasz ten pokaz HTML5. Na stronie można również pobrać pliki pokazu slajdów HTML5 i zobaczyć szczegółowy proces projektowania to przez Martin Angelov.

Sprawdź również Szablony pokaz slajdów Flash aby Strona internetowa pokazów slajdów w kliknięć.

Pytania związane z produktem? Mówić bezpośrednio do działu obsługi >>

Do góry