Osadzenie pliku dźwiękowego na stronie www

Transkrypt

1 Osadzenie pliku dźwiękowego na stronie www <embed src="ścieżka dostępu do pliku" width="x" height="y" /> gdzie jako "ścieżka dostępu do pliku" należy podać lokalizację <wstawienie_obrazka,zielony.html> na dysku, gdzie znajduje się żądany plik multimedialny. Natomiast "x" oznacza szerokość w pikselach, a "y" wysokość wyświetlanego obrazu wtyczki (ang. plug-in), czyli okna na stronie w którym odtwarzany będzie plik. Jeśli nie podamy rozmiarów obrazu wtyczki, może on przyjąć wielkość, która nie pasuje do wymiarów pliku! Rozmiary zależą również od posiadanej przez użytkownika wtyczki. Polecenie <embed /> jest przydatne jeśli chcemy wstawić na stronę jeden z plików multimedialnych: *.wav - plik dźwiękowy typu "wav" *.mid - plik dźwiękowy typu "midi" *.avi - plik typu "avi" *.ra - plik Real Audio Player *.mp3 - plik dźwiękowy typu "mp3" (MPEG Layer-3) *.mpeg - plik typu "mpeg" *.mov - plik typu "mov" *.asf - plik typu "asf" i inne Polecenie to współpracuje z różnymi wtyczkami (atrybut pluginspage="..."), dzięki którym teoretycznie może odtwarzać nowe formaty plików multimedialnych. Wtyczka (czyli plug-in) to specjalny niewielki program, który można doinstalować do przeglądarki, zwiększając jej możliwości. Po wywołaniu polecenia, wprost na stronie powinno zostać wyświetlone okno (o podanych rozmiarach), w którym będzie odtwarzany wskazany plik. Należy pamiętać, że pliki multimedialne mają zwykle duże rozmiary, dlatego najlepiej na początku strony umieścić tekst, a dopiero na końcu polecenie <embed />. W takim przypadku w pierwszej kolejności wczyta się tekst. W przypadku niektórych plików można dodatkowo użyć atrybutów: Automatyczny start odtwarzania: <embed src="ścieżka dostępu do pliku" autostart="typ" /> "true" - plik zostanie automatycznie odtworzony, zaraz po wczytaniu strony "false" - plik nie zostanie odtworzony po wczytaniu (trzeba go uruchomić "ręcznie" - poprzez wyświetlony panel kontrolny) Ukrycie obrazu: <embed src="ścieżka dostępu do pliku" hidden="typ" /> "true" - obraz zostanie ukryty "false" - obraz będzie wyświetlony na ekranie. Ukrycie panelu kontrolnego: <embed SRC="ścieżka dostępu do pliku" showcontrols="typ" />

2 "0" - panel zostanie ukryty "1" - panel będzie wyświetlony na ekranie Ukrycie paska wyświetlania informacji: <embed src="ścieżka dostępu do pliku" showdisplay="typ" /> "0" - pasek zostanie ukryty "1" - pasek będzie wyświetlony na ekranie Powtarzanie: <embed src="ścieżka dostępu do pliku" loop="typ" /> "true" - powtarzanie w nieskończoność lub "false" - brak powtarzania Poziom głośności (w przypadku plików dźwiękowych): <embed src="ścieżka dostępu do pliku" volume="v" /> gdzie "v" oznacza poziom głośności (od "-10000" do "0"). Balans głośników (w przypadku stereofonicznego pliku dźwiękowego): <embed src="ścieżka dostępu do pliku" balance="b" /> gdzie "b" oznacza balans między głośnikami (od "-10000" do "+10000"). Adres do pobrania wtyczki (ang. plug-in): <embed src="ścieżka dostępu do pliku" pluginspage="adres wtyczki" /> gdzie jako "adres wtyczki" należy podać adres internetowy, gdzie znajduje się wtyczka, pozwalająca odtworzyć wybrany rodzaj pliku, dzięki czemu użytkownik będzie ją mógł zainstalować, np.: " - wtyczka *.mov (QuickTime) " i?p1_prod_version=shockwaveflash" - wtyczka *.swf (Macromedia Flash) " - wtyczka Windows Media Player Plug-In for Netscape - dla posiadaczy Netscape (*.wav, mid, mp3, asf, wma, wmv, avi itp.). Polecenie <embed /> sprawia wiele kłopotów nawet w przeglądarkach, które je interpretują! Ponadto należy pamiętać, że pliki multimedialne mają zwykle bardzo duże rozmiary, a więc wczytywanie takiej strony w Internecie, może trwać potwornie długo! Aby umożliwić dotarcie do plików multimedialnych w przeglądarkach, które nie obsługują polecenia <embed />, wskazane jest umieszczenie na stronie znaczników: <noembed>treść alternatywna</noembed> Wewnątrz nich wpisuje się treść, która powinna pojawić się, jeśli polecenie EMBED nie może zostać zinterpretowane. Można tam umieścić np. odsyłacz do pliku: <noembed> Niestety Twoja przeglądarka nie odtwarza plików multimedialnych, ale <a href="ścieżka dostępu do pliku">tutaj</a> możesz zobaczyć ten plik! </noembed>

3 Plik AVI (tylko Internet Explorer!) UWAGA! Polecenie IMG DYNSRC="..." nie wchodzi w skład specyfikacji HTML 4.01 i jest wyłącznie rozszerzeniem przeglądarki Internet Explorer! alternatywny" /> Polecenie to odtwarza pliki typu *.avi (animacja, film) wprost na stronie, bez wyświetlania panelu kontrolnego. Możliwe są przy tym dodatkowe atrybuty: Ilość powtórzeń: alternatywny" loop="n" /> gdzie "n" oznacza ilość powtórzeń (dla loop="infinite" jest to nieskończoność). Sposób rozpoczęcia odtwarzania: alternatywny" start="sposób" /> gdzie jako "sposób" należy wpisać: "fileopen" - plik będzie odtwarzany po wczytaniu strony "mouseover" - plik będzie odtwarzany po wskazaniu myszką Polecenie IMG DYNSRC="..." sprawia kłopoty nawet w Microsoft Internet Explorerze! Ponadto nie jest interpretowane przez inne przeglądarki, dlatego zaleca się raczej stosowanie <embed /> Tło dźwiękowe Polecenie BGSOUND nie wchodzi w skład specyfikacji HTML 4.01 i jest wyłącznie rozszerzeniem przeglądarki Internet Explorer! <bgsound src="ścieżka dostępu do pliku dźwiękowego" /> Polecenie to pozwala na odtwarzanie dźwięku w tle - jako podkład muzyczny. Nie jest przy tym wyświetlany żaden panel kontrolny. Ilość powtórzeń: <bgsound src="ścieżka dostępu do pliku dźwiękowego" loop="n" /> gdzie "n" oznacza ilość powtórzeń (dla loop="infinite"" jest to nieskończoność). Poziom głośności: <bgsound src="ścieżka dostępu do pliku dźwiękowego" volume="v" /> gdzie "v" oznacza poziom głośności (od "-10000" do "0"). Balans głośników (w przypadku dźwięku stereofonicznego): <bgsound src="ścieżka dostępu do pliku dźwiękowego" balance="b" /> gdzie "b" oznacza balans między głośnikami (od "-10000" do "+10000").

4 Analogiczny efekt można uzyskać stosując polecenie <embed /> wraz z atrybutem hidden="true", które jest interpretowane również przez przeglądarkę Netscape (dlatego zaleca się raczej stosowanie EMBED).. Aby stworzyć prawdziwy podkład muzyczny, który jest odgrywany przez cały czas, podczas przechodzenia pomiędzy stronami serwisu, powinniśmy umieścić tło dźwiękowe na osobnej stronie, a następnie odwołać się do niej poprzez następujący odsyłacz: <a target="muzyka" href="ścieżka do strony z muzyką">włącz podkład muzyczny</a> Uniwersalny sposób odtwarzania plików Polecenia multimedialne sprawiają wiele kłopotów. Na przykład: <embed /> <osadzenie_pliku,multimedia.html> ma tą zaletę, że skojarzony z nim plik, będzie odtwarzany bezpośrednio na stronie. Niestety jest to również jego wadą. Pliki multimedialne mają zwykle duże rozmiary, dlatego wczytywanie takiej strony może trwać potwornie długo. Poza tym polecenie <embed /> nie zawsze działa poprawnie, szczególnie jeśli chodzi o jego atrybuty dodatkowe. Jeszcze gorzej jest z pozostałymi dwoma poleceniami: <bgsound /> <tlo_dzwiekowe,multimedia.html> i <img dynsrc="..." /> <plik_avi,multimedia.html>. Nie dość, że nie zawsze działają poprawnie, to jeszcze można je wykorzystywać tylko w Microsoft Internet Explorerze. Jeśli ktoś posiada inną przeglądarkę internetową, prawdopodobnie nie będzie mógł zobaczyć/usłyszeć efektów ich działania. Dlatego nie są one zalecane. Zagieżdżanie plików multimedialnych Jeśli koniecznie zależy nam na tym, aby plik multimedialny był odtwarzany wprost na stronie, a jednocześnie chcemy, aby był on widoczny w różnych przeglądarkach, możemy użyć zagnieżdżania plików multimedialnych: <object id="mediaplayer1" width="szerokość" height="wysokość" classid="clsid:22d6f312-b0f6-11d0-94ab-0080c74c7e95" codebase=" n/nsmp2inf.cab#version=6,0,02,902" standby="loading Microsoft Windows Media Player components..." type="application/x-oleobject"> <param name="filename" value="ścieżka dostępu do pliku multimedialnego" /> <param name="animationatstart" value="true" /> <param name="transparentatstart" value="true" /> <param name="autostart" value="false" /> <param name="showcontrols" value="true" /> <param name="volume" value="0" /> <embed type="application/x-mplayer2" pluginspage=" src="ścieżka dostępu do pliku multimedialnego" name="mediaplayer1"

5 width="szerokość" height="wysokość" autostart="false"> <a href="ścieżka dostępu do pliku multimedialnego">otwórz plik</a> </embed> </object> gdzie zmodyfikować należy wyróżnione linijki, a kolejne wpisy w nich oznaczają: ścieżka dostępu do pliku multimedialnego na dysku, gdzie znajduje się żądany plik multimedialny szerokość" i "wysokość rozmiar wyświetlanego obrazu wtyczki (w pikselach), czyli okna na stronie w którym odtwarzany będzie plik Zamiast: <param name="autostart" value="false" /> i autostart="false" można wpisać: <param name="autostart" value="true" /> i autostart="true" co spowoduje automatyczne odtworzenie pliku, zaraz po wczytaniu strony. Jeśli posiadasz przeglądarkę Microsoft Internet Explorer pod Windows, powyższe polecenia spowodują automatyczne otwarcie na stronie programu Windows Media Player (polecenie <object>...</object>). Natomiast posiadacze przeglądarek Netscape/Mozilla/Firefox i Opera pod Windows będą mogli zobaczyć plik, dzięki wpisanemu dodatkowo poleceniu <embed>...</embed>. Aby Netscape i Opera mogły odtworzyć plik, musi być w nich zainstalowana wtyczka: Windows Media Player Plug-In for Netscape < US/wmpplugin.exe> (ok. 290 KB). W przeciwnym wypadku, na ekranie pojawi się odnośnik do miejsca, gdzie można ją pobrać. Wtyczka Windows Media Player Plug-In for Netscape obsługuje m.in. pliki formatu: WAV, MID, MP3, ASF, WMA, WMV, AVI. UWAGA! Powyższy kod zwykle nie zadziała w oczekiwany sposób lub wcale nie zadziała w systemach operacyjnych innych niż Windows! Jednakże i w tych systemach często istnieją wtyczki, pozwalające np. automatycznie otworzyć plik multimedialny w domyślnym odtwarzaczu systemowym, z tym że może się to odbywać w osobnym oknie aplikacji odtwarzacza, a nie wprost na stronie. Odsyłacz do pliku Najbardziej uniwersalną metodą odtwarzania plików multimedialnych, która działa w każdej przeglądarce internetowej i z każdym formatem plików, jest odsyłacz do pliku: <a href="ścieżka dostępu do pliku">opis</a> Po uruchomieniu takiego odnośnika (np. w Microsoft Internet Explorerze), na ekranie może się pojawić okno z zapytaniem: Czy chcesz otworzyć ten plik, czy zapisać go na komputerze?