Flash Satay: poprawne osadzanie Flash

Za pomocą metody Flash Satay możesz stworzyć kod HTML potrzebny do osadzenia animacji Flash na stronie, tak aby strona przechodziła test Walidatora W3C, a film działał we wszystkich przeglądarkach.

• Więcej o Flash Satay
• Inne metody osadzania
• GooTube: Google Video i YouTube na swojej stronie
• FlashInfo

Generator Flash Satay

Dane animacji

adres URL pliku .swf: wysokość: szerokość:

Jeśli nie znasz wymiarów pliku .swf, możesz je odczytać za pomocą FlashInfo.

adres pliku loadera:

• pobierz plik loadera (load.swf)
• pobierz plik loadera (load.fla)

Dodatkowe parametry Flash Player'a

Te parametry nie są obowiązkowe. Poniższe ustawienia są wartościami domyślnymi. Znaczenie parametrów i ich wartości znajdziesz przeglądając pomoc na temat parametrów Flash Player'a.

id: play: true false loop: true false menu: true false quality: low autolow autohigh medium high best scale: showall noborder exactfit align:   left top right bottom salign:   left top right bottom top left top right bottom left bottom right wmode: window opaque transparent devicefont: false true allowscriptaccess: always never samedomain bgcolor: flashvars: base: codebase:

Alternatywna zawartość

W przypadku kiedy animacja nie będzie mogła być wyświetlona, pojawi się element <div> z atrybutem style o poniższej zawartości:

alternatywny tekst: Kod CSS dla atrybutu style:

• generuj przykładowy kod CSS na podstawie wymiarów

Więcej o Satay

Flash Satay polega na osadzeniu animacji flash wyłącznie przy pomocy znacznika <object>, bez użycia znacznika <embed>.

Skąd pochodzi nazwa?

Nazwa tej metody pochodzi od nazwy orientalnego dania - Satay (pisanej także „saté”) - która znaczy „potrójnie spiętrzony”. Za polski odpowiednik Satay można uznać szaszłyk. Satay jest zwykle pieczony z trzech kawałków mięsa w kształcie rombów nadzianych na patyczek. Jeśli jesteś amatorem gotowania, wypróbuj przepis na Satay.

Jak to działa?

Idea osadzania metodą Satay polega właśnie na takim spiętrzeniu:

• ustawieniu atrubutu data dla znacznika <object>
• powtórzeniu tej wartości dla parametru movie
• w przypadku niepowodzenia, zaserwowaniu alternatywnej zawartości HTML
• dodatkowo, dla większych animacji wymagających strumieniowania, główny film jest ładowany przez prosty loader

Najprostszy przykład osadzenia kodu metodą Flash Satay wygląda tak:

<object type="application/x-shockwave-flash
    data="load.swf?path=animacja.swf" 
    width="300" height="400">
    <param name="movie" value="load.swf?path=animacja.swf" />
    <img src="brak_flash.gif" 
    width="200" height="100" alt="brak pluginu Flash" />
</object>

Inne metody

Metoda Satay została opisana w artykule Flash Satay: Embedding Flash While Supporting Standards.

Jej jedyną wadą jest to, że animacje osadzone tą metodą nie są poprawnie czytane przez czytniki ekranowe.

Aby osadzić klip w sposób czytelny dla screen-readerów, zalecane są inne metody:

• SWFObject (FlashObject)
• UFO
• Nested Objects

Wadą dwóch pierwszych metod jest to, że do osadzenia klipu wymagana jest obsługa JavaScript.