Zamknij okno Cookies

Korzystając z serwisu wyrażasz zgodę na używanie plików cookies zgodnie z aktualnymi ustawieniami przeglądarki. Więcej szczegółów o polityce cookies

PISMO UŻYTKOWNIKÓW ADOBE PHOTOSHOP, ILLUSTRATOR, INDESIGN, FLASH I INNYCH...

  • >> Tutorial HTML5

  • Wideo z kanałem alfa

  • Simon Cave demonstruje, w jaki sposób odtwarzać wideo zawierające kanał przezroczystości za pomocą HTML5
  • tutorial HTML5
  • Kiedy Flash Player 8 po raz pierwszy ujrzał światło dzienne, wprowadził nową interesującą technologię na rynek deweloperski; w oparciu o nią i możliwości kodeka VP6 można było zapisywać wideo, które zawierało kanał przezroczystości (alpha). Ten magiczny czwarty kanał w trzykolorowym zapisie RGB umożliwił deweloperom opracowanie nowych, kreatywnych rozwiązań. Dzięki temu materiał wideo nie musi już być prezentowany w prostokątnej ramce, można mu nadać dowolny kształt.

    Prawdą jest, że HTML5 sam w sobie nie jest kompatybilny z kodekami wideo, które zezwalają na użycie kanału alpha. To znaczy – jeśli użyjemy wyłącznie HTML5. A jeśli potraktujemy HTML5 jako szkielet, na bazie którego zbudujemy rozwiązanie w oparciu o JavaScript – to już zupełnie inna sprawa. Możemy w ten sposób obejść ograniczenia HTML5 i wyświetlać wideo zawierające kanał alpha.

    Oczywiście, tak jak w większości pionierskich rozwiązań, proponowana technologia ma jeszcze swoje słabe strony. Tak osadzone wideo będzie wyświetlane poprawnie przez najnowsze wersje Chrome, Firefox, Opery i Internet Explorera. Niestety, Safari sobie z nim nie radzi; to samo może dotyczyć starszych wersji przeglądarek. Pamiętaj, aby wziąć to pod uwagę, zanim wykorzystasz omówioną poniżej technikę we własnym projekcie.

    Simon Cave
    Simon, australijski deweloper nowych technologii, profesjonalnie związany głównie z Nowym Jorkiem, posiada doświadczenie zarówno jako programista, jak i projektant stron www. Swoje rozwiązania wykorzystuje w projektach realizowanych głównie przez B-Reel. www.b-reel.com

    Potrzebny czas
    15 minut

    Umiejętności
    • Podstawy pracy z JavaScript
    • Odtwarzanie wideo w HTML5

    Aby samodzielnie wykonać ten tutorial zamów pismo »
ZAMÓW PISMO

12,00 ZŁ (DRUKOWANE)

12,50 ZŁ (E–WYDANIE)

Cały powyższy tutorial, a także wiele innych ćwiczeń i artykułów o grafice znajdziesz w tym numerze pisma. Wysyłka gratis! zamów pismo »

Powrót »

kup teraz

KOD CA1012
CENA 12,00
ZAMÓW TERAZ!


W każdym wydaniu miesięcznika Computer Arts znajdziesz wiele tutoriali i porad praktycznych.

Zamieszczony obok tekst to wstęp do tutoriala wydrukowanego w numerze 10/12
Fragmenty tutoriali
wybrane z nr. 10/12


>> Photoshop CS4
Łączymy grafikę 2D z renderami

Łączymy grafikę 2D z renderami
Dawid Weaver demonstruje, jak szybko stworzyć stylowy, fotorealistyczny render produktu



>> InDesign CS3
Nietuzinkowy plakat z glifów

Nietuzinkowy plakat z glifów
Jo Gulliver demonstruje, jak za pomocą glifów przenieść projektowanie typograficzne na zupełnie nowy poziom



>> HTML5
Wideo z kanałem alfa

Wideo z kanałem alfa
Simon Cave demonstruje, w jaki sposób odtwarzać wideo zawierające kanał przezroczystości za pomocą HTML5



>> Photoshop CS6
Poza kadrem, między warstwami

Poza kadrem, między warstwami
W drugiej części naszego cyklu Mirka Hordziejewicz zademonstruje nowe możliwości w jakie wyposażono narzędzie Kadr (Crop Tool)





Darmowe tutoriale
z numeru 10/12


>> Na razie brak