Start (X)HTML Obiekty multimedialne w HTML'u


Designed by:
Peery

Obiekty multimedialne w HTML'u PDF Drukuj Email
Wpisany przez Webmaster   
piątek, 31 grudnia 2010 11:56

Obiekty multimedialne

Obiekty tego typu wprowadzają do stron www obraz wideo i dźwięk.

Najprostszym rozwiązaniem jest użycie znanego już z wcześniejszych rozdziałów zwykłego odsyłacza
<a href="/plik.mp3">piosenka</a>. Klikając w niego otworzy się domyślnie ustawiony program czytający dany plik, lub użytkownik otrzyma komunikat o zapisaniu pliku na dysk swojego komputera. Jednakże takie rozwiązanie nie pozwoli nam na wyświetlenie danego pliku bezpośrednio na stronie www. W tym celu należy posłużyć się poleceniem object lub embed (to drugie już nie jest stosowane).

 

Dla plików .swf stosujemy:

<object type="application/x-shockwave-flash" data="plik.swf" width="300" height="150">
<param name="movie" value="film.swf">
</object>

Natomiast dla plików, WMV, WMA, WAV, MIDI, ASF stozujemy zapis:

<object type="video-/x-ms-wmv" data="plik.rozszerzenie" width="300" height="150">
<param name="src" value="plik.rozszerzenie">
<param name="autostart" value="true">
<param name="controller" value="true">
</object>

Oraz dla plików Real Audio (.ra):

<object type="audio/x-pn-realaudio-plugin" data="plik.rozszerzenie" width="300" height="150">
<param name="src" value="plik.rozszerzenie">
<param name="autostart" value="true">
<param name="controller" value="true">
</object>

Linia <param name="autostart" value="true"> odpowiada za automatyczne uruchomienie się pliku po wczytaniu strony - wartość false informuje, że plik musi być ręcznie uruchomiony.
Linia <param name="controller" value="true"> odpowiada za ukryci lub pokazanie ppanelu kontrolnego.

Przykład:

Pliki .pdf - jest to coraz bardziej popularny typ plików umieszczanych na stronach www. Najprostszym sposobem jego umieszczenia na stronie jest zwykly odsylacz:

<a href="/dokument.pdf">...</a>

Warto też wspomnieć o poleceniu MARQUEE (jednakże nie wchodzi on w skład specyfikacji HTML 4.01). Na ogół nie stosuje sie tego znacznika. Ciekawiej i bardziej efektownie jest go zastąpić jakąś animacją flash.

<marquee>Tu wpisz tekst</marquee>

Tu wpisz tekst

Znacznik MARQUEE posiada dodatkowe parametry za pomocą których możemy modyfikować "animowany" napis.

behavior="typ" - typ przesuwania tekstu
scroll - z prawej do lewej
alternate - z prawej do lewej a następnie się odbija
slide - z prawej do lewej i się zatrzymuje

direction="kierunek" - kierunek przesuwania tekstu
left - tekst będzie przesuwał się w lewo (domyślnie)
right - tekst będzie przesuwał się w prawo
up - przesuwanie w górę (nie obsługują starsze przeglądarki)
down - przesuwanie w dół (nie obsługują starsze przeglądarki)

bgcolor="kolor" - kolor tła

width="x" height="y" - rozmiary obszaru tekstu

hspace="x" vspace="y" - odległość od tekstu

loop="n" - ilość powtórzeń

scrollamount="n"- szybkość przesuwania się tekstu

Tags:
 

Przydatne linki