Systemy multimedialne Flash i HTML


Systemy multimedialne
Połączenie Flasha i HTML
Podstawy
Aby plik SWF można było wyświetlić w przeglądarce stron WWW, należy go osadzić na stronie.
Kod HTML umieszczony na stronie kontroluje sposób wyświetlania pliku SWF.
WIDTH="100"
HEIGHT="100"
CODEBASE="http://active.macromedia.com/flash5/cabs/swflash.cab#version=
5,0,0,0">




WIDTH="100"
HEIGHT="100"
PLAY="true"
LOOP="true"
QUALITY="high"
PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?
P1_Prod_Version=ShockwaveFlash">


Ramki
Ramki umożliwiają wyświetlanie dwóch lub więcej stron
HTML w tym samym oknie przeglądarki.
Wysokość i szerokość ramki zawierającej każdą stronę
jest kontrolowana przez dokument HTML noszący nazwę
zestawu ramek.
Dokument ten nadzoruje również właściwości takie jak
pasek przewijania.
Zastosowanie ramek zapewnia że plik SWF zostanie
wyświetlony na pełnym ekranie bez względu na to w
jakiej przeglądarce został uruchomiony.
Ramki
Przykładowy zestaw ramek HTML dla strony wyświetlającej dwie ramki:
MARGINHEIGHT="0"
FRAMESPACING="0"
BORDER="0
FRAMEBORDER="NO">
SRC="flash.html"
SCROLLING="NO"
MARGINWIDTH="0"
MARGINHEIGHT="0"
FRAMESPACING="0"
BORDER="0"
FRAMEBORDER="NO">
SRC="bottom.html"
SCROLLING="NO"
MARGINWIDTH="0"
MARGINHEIGHT="0"
FRAMESPACING="0"
BORDER="0"
FRAMEBORDER="NO">

Ramki
Osadzanie w całym oknie przeglądarki
Umieszczanie filmów Flasha w całym oknie przeglądarki
pozwala projektantowi na kontrolowanie widoku
dostępnego użytkownikowi.
Aby uzyskać film Flasha wyświetlany w pełnym oknie
należy wziąć pod uwagę kilka czynników.
- jeżeli osadzimy film na 100% całkowitej szerokości i
100% całkowitej wysokości, przeglądarka umieści w
oknie paski przewijania.
- zestaw ramek składający się z jednopikselowej ramki u
góry lub u dołu okna przeglądarki umożliwia osadzanie
filmu na 100% rozmiaru okna. Takie osadzanie eliminuje
paski przewijania.
Osadzanie w całym oknie przeglądarki
Zestaw ramek zawierający pełnoekranowy film Flasha
MARGINWIDTH="0"
MARGINHEIGHT="0"
FRAMESPACING="0"
BORDERS="0"
FRAMEBORDER="NO">
SRC="flash.html"
SCROLLING="NO"
MARGINWIDTH="0"
MARGINHEIGHT="0
FRAMESPACING="0"
BORDER="0"
FRAMEBORDER="NO">
SRC="bottom.html"
SCROLLING="NO"
MARGINWIDTH="0"
MARGINHEIGHT="0
FRAMESPACING="0
BORDER="0"
FRAMEBORDER="NO">

Proporcje filmu i okna
Podczas wyświetlania filmu Flash zawsze skaluje go tak
aby cała jego zawartość w obrębie sceny była widoczna.
Jeżeli film jest osadzony w 100% szerokości i wysokości
zostanie zeskalowany na jeden z trzech sposobów:
EXACTFIT ( dopasowany), NOBORDER (bez
obramowania), SHOWALL (pokaż wszystko)  w
zależności od wybranej opcji w parametrze SCALE
znaczników i :
SCALE="showall" dla , lub:
dla
Proporcje filmu i okna
W przypadku braku zdefiniowania wartości parametru
SCALE w kodzie zostanie mu przypisana wartość
domyślna SHOWALL. Spowoduje to zachowanie proporcji
filmu i dopasowanie go do największego możliwego
rozmiaru bez przycinania.
W przypadku wybrania opcji EXACTFIT, Flash rozciągnie
film aby jego szerokość i wysokość dopasowała się do
wymiarów okna. W efekcie film zostanie zniekształcony.
Po wybraniu opcji NOBORDER Flash wypełni całe okno
przeglądarki filmem, przycinając go w razie potrzeby,
aby go nie rozciągać.
Opcja SHOWALL
Opcja SHOWALL jako jedyna pozwala na wyświetlanie
całego filmu w jego poprawnych proporcjach.
Podczas planowania filmu należy określić zawartość,
którą użytkownicy będą mogli oglądać w  martwym
obszarze , znajdującym się poza krawędziami filmu
Wykorzystanie martwego obszaru
Martwy obszar można wykorzystać na kilka sposobów:
- można go wypełnić obrazkami z tła
- można wykorzystać właściwość  przepływania
polegającą na utworzeniu maski wokół obszaru filmu,
który ma być widoczny dla użytkowników. Umożliwia to
ukrycie poza sceną nierównych krawędzi animacji lub
obszarów, które nie powinny być widoczne po
osadzeniu filmu
Osadzanie procentowe i o stałym rozmiarze
W przypadku osadzania procentowego określa się część
procentową całkowitego rozmiaru okna, którą ma
zajmować film.
Osadzanie o stałym rozmiarze jest najprostszym
sposobem osadzania filmu. Jeżeli określimy rozmiar jako
600x400 pikseli, to zostanie on wyświetlony dokładnie w
takim rozmiarze, bez względu na rozmiar okna, czy
rozmiar sceny zastosowany podczas tworzenia filmu.
Problemy
Po zastosowaniu powyższych metod użytkownik nie
będzie widział elementów umieszczonych poza
krawędziami sceny.
Obszar który nie jest zajmowany przez film należy
zagospodarować poprzez umieszczenie na nim obrazków
lub prostych kolorów tła.
Osadzanie w ramkach
Osadzanie w ramkach umożliwia oglądanie elementów
znajdujących się poza krawędziami sceny bez
wykorzystywania pełnego rozmiaru okna.
Zestaw ramek można zaprojektować tak aby zawierał
wartość procentową całkowitego rozmiaru okna, lub
określony rozmiar. Sam film będzie osadzony w ramce w
100%.
Osadzanie w ramkach
MARGINHEIGHT="0" FRAMESPACING="0"
BORDER="0" FRAMEBORDER="NO">
MARGINWIDTH="0" MARGINHEIGHT="0"
FRAMESPACING="0"
BORDER="0" FRAMEBORDER="NO">
SCROLLING="auto" MARGINWIDTH="0"
MARGINHEIGHT="0" FRAMESPACING="0"
BORDER="0" FRAMEBORDER="NO">

Wyskakujące okna
Wyskakujące okienka są popularnym elementem wielu
witryn internetowych.
Stosując język JavaScript do wyświetlania zawartości
witryny, można otworzyć nowe okno o odpowiednim
rozmiarze.
Można również zdefiniować inne atrybuty nowego okna
(pasek menu, pasek lokalizacji, pasek stanu)
Decyzja o zastosowaniu wyskakujących okien powinna
być podjęta przez projektanta i powinna zależeć od
oczekiwań użytkowników.
Wyskakujące okna


decon


VLINK="#7D0202" ALINK="#7D0202"
BGCOLOR="#000000" TOPMAGRIN="0">




Wyskakujące okienka
Powyższy kod jest przeznaczony dla oryginalnej strony, z
której otworzy się wyskakujące okienko.
Jeżeli otwieramy okno z filmu Flasha, kod łączący będzie
wyglądał następująco:
getURL( javascript:OpenPopup() );
Jeżeli otwieramy okno z dokumentu HTML, należy
zastosować poniższy kod:

Stosowanie jednego filmu
Stosowanie jednego filmu dla całej witryny może sprawić problemy.
Ponieważ rozmiar pliku będzie dość duży witryna może w pewnych
sytuacjach działać dość wolno.
W przypadku dużych projektów, praca zespołu nad jednym plikiem
może być kłopotliwa.
Gdy witryna zawiera się w jednym filmie, można kontrolować
sposób ładowania do komputera użytkownika.
Istnieje możliwość tworzenia przejść pomiędzy sekcjami i
podsekcjami.
Stosowanie jednego filmu dla witryny pozwala na zrezygnowanie z
tradycyjnej struktury witryny na rzecz bardziej płynnej nieliniowej
konstrukcji.
Stosowanie kilku filmów
Podział witryny na kilka mniejszych filmów charakteryzuje
się kilkoma zaletami.
Taka konstrukcja ułatwia pracę zespołowi osób nad
jednym projektem.
Niewielki rozmiar pliku nie obciąża w znaczący sposób
procesora tak jak w przypadku jednego pliku.
Istotne jest podjęcie decyzji czy umieszczamy każdy film
na oddzielnej stronie HTML czy też będziemy wywoływać
kolejne strony za pomocą polecenia loadMovie.
Stosowanie stosów filmów
Stosy to połączenie dwóch poprzednich metod.
Metoda ta polega na ładowaniu jednego filmu na drugi.
Główny film osadzony jest na stronie, następnie ładuje
on poszczególne filmy witryny na warstwy umieszczone
nad nim.
Filmy te można pobrać a zastosować dopiero wtedy
kiedy będzie to konieczne.
Filmy stosowe mają wszystkie zalety pojedynczego filmu
bez niedogodności użycia jednego dużego pliku.
Stosowanie stosów filmów
Wykrywanie Flasha
Najprostszą metodą na wykrycie Flasha jest zastosowanie
samego Flasha.
Należy stworzyć stronę z podstawowym filmem Flasha,
który zawiera tylko polecenie getURL odnoszące się do
głównej witryny Flasha.
Reszta strony powinna być wersją oryginału napisaną w
kodzie HTML.
Jeżeli na komputerze użytkownika zainstalowany jest
Flash, to zostanie on automatycznie przeniesiony do
witryny z Flashem, w przeciwnym przypadku zostanie na
podstawowej stronie.
Wykrywanie Flasha
Przy zastosowaniu schematu wykrywania napisanego w
JS użytkownik często nie wie że został wykryty.
Problemem jest coraz większa komplikacja kodu JS w
zależności od przeglądarki i nowej wersji plugina.


Wyszukiwarka

Podobne podstrony:
Systemy multimedialne Flash i PHP
Systemy multimedialne Flash i XML
Systemy multimedialne Zawarto c dynamiczna
Systemy multimedialne SM ID W1 lato2007
systemy multimedialne wykład
Kurs HTML HTML Multimedia
2006 02 Menus and Choices Creating a Multimedia Center with Mpeg Menu System V2
multimedialny kurs tworzenie stron internetowych programu flash
Flash i PHP Tworzenie systemu e commerce
wylaczenie aktualizacji systemu XP
EV (Electric Vehicle) and Hybrid Drive Systems

więcej podobnych podstron