Osadzenie pliku dźwiękowego na stronie www



Podobne dokumenty
Ćwiczenie 5 Multimedia

Formaty obrazów wykorzystywane na stronach www. Dołączanie obrazów do strony Formatowanie obrazów na stronie Tło na stronie Multimedia

Co to jest dźwięk. Dźwięk to wyrażenie słuchowe wywołane przez falę akustyczną. Ludzki narząd wyłapuje dźwięki z częstotliwością 16 do 20 Hz

Formaty plików. graficznych, dźwiękowych, wideo

Platforma szkoleniowa krok po kroku

Multimedia. Plan wykładu/ów. Wstęp do HTML a. zastosowanie HTML a do tworzenia multimediów. podstawy HTML a Flash style JavaScript warstwy Java

4.10 Odtwarzanie multimediów

Instrukcja użytkowania platformy ONLINE. Akademii Doskonalenia Zawodowego NATUROPATA ADZ Naturopata

Platforma szkoleniowa krok po kroku. Poradnik Kursanta

PROBLEMY TECHNICZNE. Co zrobić, gdy natrafię na problemy związane z użytkowaniem programu DYSONANS

Pokaz slajdów na stronie internetowej

Muzyka w komputerze (i inne drobiazgi)

PRZEWODNIK PO PLATFORMIE SZKOLENIOWEJ

Instrukcja generowania certyfikatu PFRON i podpisywania dokumentów aplikacji SODiR w technologii JS/PKCS 12

INSTRUKCJA obsługi certyfikatów

Wstęp 5 Rozdział 1. Instalacja systemu 13. Rozdział 2. Logowanie i wylogowywanie 21 Rozdział 3. Pulpit i foldery 25. Rozdział 4.

Formy reklamowe. Specyfikacja techniczna

Tworzenie stron internetowych w kodzie HTML Cz 7

Rozdział 4. Multimedia

INSTRUKCJA INSTALACJI OPROGRAMOWANIA MICROSOFT LYNC 2010 ATTENDEE ORAZ KORZYTANIA Z WYKŁADÓW SYNCHRONICZNYCH

Wczytywanie cenników z poziomu programu Norma EXPERT Tworzenie własnych cenników w programie Norma EXPERT... 4

weblsp Wybór przeglądarki i jej ustawienia Instrukcja ADH-Soft sp. z o.o., ul. 17 Stycznia 74, Warszawa

Spis treści. Strona 1 z 20

Instrukcja konfiguracji popularnych przeglądarek internetowych systemu Windows do pracy z urządzeniami INTERNEC serii i7 oraz i5.

Ćw. I. Środowisko sieciowe, połączenie internetowe, opcje internetowe

Aktualizacja dodatku Saba Security Plugin w przeglądarce Firefox 56

Podręcznik użytkownika programu. Ceremonia 3.1

WOJEWÓDZTWO PODKARPACKIE

Instalacja Czytnika Kart w systemie Windows 7

Zastępstwa Optivum. Jak przenieść dane na nowy komputer?

Obrazek 1: Interfejs DT. DT Help File v1.3

Instrukcja instalacji odtwarzacza RealPlayer dla systemu Windows.

1. Wstęp Pierwsze uruchomienie Przygotowanie kompozycji Wybór kompozycji Edycja kompozycji...

Program powinien otworzyć się z pierwszym formularzem. Jeśli nie, otwórz pierwszy formularz, wybierając go z listy - Shift+F12.

1.1 Współpraca Modułu Dźwiękowego z jednostka

Spis treści. 3. Nośniki i nagrywarki...z...38 CD i DVD 38 Pojemność płyt 41 Format płyt 42

Wstawianie filmu i odtwarzanie go automatycznie

Wyszukiwanie informacji w Internecie

Model: JMC-03_V2.2_RNS510 TV DVB-T for CAR INSTRUKCJA OBSŁUGI MMI 2G. Spis treści

Serwis PTF Dodanie informacji bieżącej w podserwisie oddziału

Wyszukiwanie plików w systemie Windows

Instrukcja instalacji programu STATISTICA

Rozdział 1: Wprowadzenie

Nagrywamy podcasty program Audacity

DJCONTROL COMPACT I DJUCED 18 PIERWSZE KROKI

Okna dialogowe ustawień konfiguracyjnych

OPIS PRZEDMIOTU ZAMÓWIENIA

SPECYFIKACJA TECHNICZNA FORM REKLAMOWYCH - INTERNET

Kancelaria Prawna.WEB - POMOC

Aktualizacja dodatku Saba Security Plugin w przeglądarce Firefox 56

INSTRUKCJA OBSŁUGI RNS-E. Spis treści

Audio i Video w HTML5

Włączanie/wyłączanie paska menu

Poniższy poradnik przedstawia opis konwersji pliku AVI do formatu DVD-Video wraz z włączanymi napisami.

a) Tworzymy podcast w programie Audacity

Wymagania techniczne dla produktów reklamowych w internetowym serwisie Gazeta.pl:

Podstawy systemu operacyjnego Windows 7 i bezpieczne korzystanie z sieci Internet

IBM SPSS Statistics - Essentials for R: Instrukcje instalacji dla System Mac OS

1. Od czego zacząć? - Instalacja środowiska pracy

ABC języka HTML i XHTML / Maria Sokół. wyd. 2. Gliwice, cop Spis treści

Grafika w aplikacjach lp. Jak zmienić kolor tła?

Audio i Audacity Formaty plików dźwiękowych. Strona 1 z 10

MODUŁ 1. Pytania: 1. Przeglądarka internetowa to: a. Google, Chrome, Netscape, Word, WWW b. Chrome, Firefox, Opera, Safari, Edge

OPIS FORM REKLAMOWYCH

Wirtualne Klasy. Kontakt: Izabela Trojan, Tel: Fax:

Podstawy technologii cyfrowej i komputerów

Inwentarz Optivum. Jak wykorzystać kolektor danych do wypełniania arkuszy spisowych?

Rodzaje plików. Podstawowe definicje.

3 Programy do tworzenia

Udostępnianie obrazu z kamer Sanyo HD na stronach WWW PORADNIK

I. Pobranie klucza licencyjnego.

Za pomocą atrybutu ROWS moŝemy dokonać podziału ekranu w poziomie. Odpowiedni kod powinien wyglądać następująco:

Tutorial. HTML Rozdział: Ramki

47 najlepszych porad internetowych. 47 najlepszych porad internetowych

Geis Web Print Dokumentacja użytkownika

Instrukcja obsługi programu. BlazeVideo HDTV Player v6

IBM SPSS Statistics - Essentials for R: Instrukcje instalacji dla Windows

2 Podstawy tworzenia stron internetowych

Specyfikacja techniczna produktów reklamowych portalu Cogito.com.pl

Systemy operacyjne I Laboratorium Część 3: Windows XP

1. INSTALACJA I URUCHOMIENIE KOMUNIKATORA

Instrukcja instalacji programu GfK e-trendy dla przeglądarki Internet Explorer

Instrukcja instalacji oprogramowania do składania podpisu elektronicznego, pod umową o zarządzanie PPK, przy uz yciu certyfikatu kwalifikowanego

Multimedia w HTML5. Statyczne witryny internetowe 2TI/TOR. Marek Kwiatkowski

Paragon HFS+ for Windows

SKRÓCONA INSTRUKCJA DLA REJESTRATORÓW SERII AHD 4, 8 I 16 KANAŁOWYCH (MODELE: AHDR-1042D/M, AHDR1041D/M, AHDR-1082D/M, AHDR1162D/M)

Instalacja Czytnika Kart w systemie Windows 7

Instrukcja instalacji nośników USB w systemie internetowym Alior Banku

Logowanie do aplikacji TETA Web. Instrukcja Użytkownika

Sposoby zwiększania efektywności systemu Windows

Specyfikacja techniczna form reklamy oferowanych przez serwis e-sieci.pl

Instrukcja obsługi aplikacji

Porównanie rozmiarów plików nieskompresowanych rysunków z uwzględnieniem różnych wymiarów i liczby kolorów obrazów. Wymiary (cm)

INSTRUKCJE WIKAMP Dotyczy wersji systemu z dnia

Veslava Osińska IINB UMK, Toruń. Multimedia w dokumentach

Platforma e-learningowa

Jak poprawnie uruchomić okno do licytacji Agra Live," problemy z Java, instalacja, wersje.

Uruchomienie aplikacji Plan lekcji w przeglądarce Internet Explorer

Nacisnąć i przytrzymać przycisk Power, aby włączyć urządzenie. Po ekranie uruchomienia przejdzie automatycznie do strony Home.

Transkrypt:

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" />

"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.: "http://www.apple.com/quicktime/download/" - wtyczka *.mov (QuickTime) "http://www.macromedia.com/shockwave/download/download.cg i?p1_prod_version=shockwaveflash" - wtyczka *.swf (Macromedia Flash) "http://www.microsoft.com/windows/mediaplayer/" - 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>

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").

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="http://activex.microsoft.com/activex/controls/mplayer/e 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="http://www.microsoft.com/windows/mediaplayer/" src="ścieżka dostępu do pliku multimedialnego" name="mediaplayer1"

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 <http://download.microsoft.com/download/winmediaplayer/nsplugin/6.4/win98/en- 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?