Metody
dołączania dźwięków i klipów wideo do dokumentu HTML

Jest to metoda opracowana dla Netscape, umożliwia ona przeglądarce odtwarzanie dźwięku bezpośrednio w jej oknie, bez odwoływania się do programów pomocniczych. LiveAudio rozpoznaje formaty AIFF, WAV, AU, i MIDI. Stosowanie tej metody możliwe jest również w dokumentach otwieranych w Internet Explorerze, ale występują tu pewne różnice, tworząc dokumenty HTML trzeba mieć tego świadomość.

Poniżej przedstawiony jest kod źródłowy przykładowego dokumentu - należy zwrócić uwagę na sposób dołączania dźwięku i wideo, przez wbudowanie do dokumentu.


<hr>

Poniższy fragment tekstu przedstawia przykład kodu źródłowego HTML umożliwiającego wbudowanie dźwięku i klipu wideo do dokumentu HTML.

<bgsound src="queen.wav" loop="1">

Znacznik bgsound pozwala na odtwarzanie dźwięku w tle.
Wartość argumentu src informuje przeglądarkę, jaki dźwięk i z jakiej lokalizacji ma być odtwarzany (tu lokalizacja domyślna, czyli katalog, w którym znajduje się dokument w tym momencie przeglądany).
Wartość argumentu loop informuje przeglądarkę o tym, ile razy dźwięk będzie powtarzany. Jeśli chcielibyśmy, aby odtwarzanie odbywało się w pętli, należałoby użyć wartości "-1" lub "infinite".
UWAGA: Netscape nie akceptuje znacznika bgsound (ignoruje go).

<p>
<embed src="mloda.mid"
align="left" width="145" height="60" controls="console" autostart="false">
Przyciski sterujące dźwiękiem,<br>
występują tu pewne różnice w interpretacji<br>
między Netscape a Internet Explorerem. <br clear="left">
</p>

Przeanalizujmy powyższy akapit:
1. Znacznik p rozpoczyna akapit.
2. Znacznik embed wbudowuje pliki dźwiękowe, ale również wideo do dokumentu HTML.
3. Atrybut align określa wyrównanie elementów kontrolnych (konsola), tu do lewej krawędzi dokumentu (inne możliwości to: right - do prawej, center - wyśrodkowanie).
4. Atrybut width określa szerokość elementu kontrolnego wyrażoną w pikselach (tu 145).
5. Atrybut height określa wysokość elementu kontrolnego wyrażoną w pikselach (tu 60).
6. Atrybut controls określa widok elementów kontrolnych (dostępne są widoki: console, smallconsole, playbutton, pausebuttn, stopbutton i volumelever).
UWAGA: podpunkt 6 dotyczy tylko Nestscape
7. Atrybut autostart określa, czy dźwięk ma być odtwarzany automatycznie po otwarciu dokumentu : false - nie, true - tak

<p>
<embed src="film1.avi" align="right" width="200"
height="300" controls="console" autostart="true">
</p><p align="right">Metoda przeznaczona
głównie dla Netscape</p>

Powyższe dwa akapity należy traktować analogicznie jak poprzedni z tą jednak różnicą, że dotyczy on klipu wideo i znaczniki width i height określają szerokość i wysokość całego okienka, w którym będzie prezentowane wideo.

UWAGA :

Jest to metoda akceptowana głównie przez Netscape, ale Internet Explorer radzi sobie z tym również, chociaż nie wszystkie atrybuty poprawnie interpretuje.

 

<pre><p><img dynsrc="film1.avi" align="left" width="200" height="300" start="mouseover"> </p> <p align="left">Klip wideo uaktywni się po najechaniu<br> kursorem myszy.<br> Netscape z tym sobie nie poradzi.</p>

UWAGA: Powyższy fragment przedstawia metodę przeznaczoną dla Internet Explorera. Netscape nie zinterpretuje tego poprawnie.
Znacznik img, o czym już wiemy z poprzednich przykładów, wstawia element do dokumentu w miejscu, w którym występuje. Ale jego atrybut dynsrc określa lokalizację klipu wideo (tu lokalizacja domyślna). Atrybuty align, width, height określają kolejno: sposób wyrównywania, szerokość i wysokość okienka klipu wideo. Atrybut start ustala, kiedy klip ma być odtwarzany (zdarzenie) dopuszczalne są dwie wartości: fileopen - w momencie otworzenia dokumentu i mouseover - w momencie najechania na okienko klipu kursorem myszy.

</body>
</html>

 

Poniżej możesz poćwiczyć.

W oknie edytora możesz wprowadzić zmiany w tekście kodu HTML, a po naciśnięciu przycisku "Pokaż wygląd strony" zobaczysz efekt działania zmodyfikowanego kodu, który sam dokonałeś pozmieniaj w ramce dane i obejrzyj je.