1 / 36

Médiá, zvuk a video

Médiá, zvuk a video. Zvuk. BgSound – zvuk na pozadí Sound – inline sound element Embed – vložený zvuk element Object – zvuk ako objekt Prepojenie pomocou <a href ...>. Video. Element < img dynsrc -...> zmena veľkosti Element embed formát mpeg , formát wmv

glain
Download Presentation

Médiá, zvuk a video

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Médiá, zvuk a video

  2. Zvuk • BgSound – zvuk na pozadí • Sound – inline sound • element Embed – vložený zvuk • element Object – zvuk ako objekt • Prepojenie pomocou <a href ...> @-JV-/MM 2007

  3. Video • Element <imgdynsrc -...> zmena veľkosti • Element embed formát mpeg, formát wmv • Element objectpomocouparam • Prepojenie pomocou <a href =...> • Formáty: • AVI – 720x575 25 sním/s. PCM 16 bit St, 48 kHz ´500 MB • Mpeg_DVD – 720x576, 6000 kb/s, 44,1 200 MB • Mpeg_SVCD – 480x576, 2400 kb/s, 44,1 kHz 50 MB • Mpeg_ VCD - 352X288, 1150 kb/s, 44.1 kHz 25 MB • WMV – 720X576, 44.1 kHz, 18 MB • RA – 320X240 cca 1 MB @-JV-/MM 2007

  4. BgSound – zvuk na pozadí Element <BGSOUND> umožňuje autorom vytvárať stránky, prostredníctvom ktorých je možné prehrávať hudobné klipy na pozadí stránky. Zvukové formáty podporovoné týmto príkazom sú ": • *.WAV formát v prostredí Windows • *.AU formát prevzatý z Unixu • *.MIDI alebo .MID formát - zvukový štandard pre MIDI. @-JV-/MM 2007

  5. Bgsound - použitie Napríklad : <bgsound src=passport.mid alt="zvuk" > • Väčšinou sa element uvádza v hlavičke dokumentu t.j. v sekcii <head>, napríklad: <BGSOUND SRC=""; id="hudba"> V dokumente môže byť odvolávka <a href=# onmouseover="document.all.hudba.src='air.mid';"> Bachov Air</a> ukážky @-JV-/MM 2007

  6. BgSound - atribúty • SRC - špecifikuje URL • BALANCE= Stereo balancing - -10000 a 10000 • LOOP=n špecifikuje koľko krát sa ukážka prehrá. Ak n=-1 alebo LOOP=INFINITE je zvuk prehrávaný nepretržite. • VOLUME=n - hlasitosť - hodnota v rozmedzí -10000 a 0 - hodnota '0' - maximálna hlasitosť, bude použité bežná - preddefinovaná hlasitosť ako 100%. • TITLE= používa sa na informačné účely. • ID - Element <BGSOUND> nemusí byť prezentovaný na obrazovke, ale dostupný prostredníctvom svojo mena. @-JV-/MM 2007

  7. Sound– inline sound použitie príkazu <SOUND>pre prehrávanie in-line zvukov. Tento element umožňuje prehrávať len zvukové štandardy typu *.WAV. Syntax je: <SOUND SRC="subor.wav"> Element </SOUND> podporuje nasledovné atribúty : • LOOP=infinite - bude hrať počas prezerania stránky, ináč sa nastaví počet opakovaní. • DELAY=sec - čakanie v sec sekundách po prehratí záznamu. @-JV-/MM 2007

  8. Embed – vložený zvuk Internet Explorer umožňuje používať Netscape plug-ins použitím príkazu <EMBED...>, napríklad : <EMBED SRC=".\sounds\clouds.mid" HIDDEN="True"> Bude to mať ten istý efekt ako príkaz <BGSOUND src=.sounds\clouds.mid> ukážka @-JV-/MM 2007

  9. Embedded Objects • Prikaz <EMBED> umožňuje vkladať ľubovolné objekty napríklad (video klipy, zvukový zaznam alebo podobne) priamo do HTML stránky. Syntax príkazu je nasledovná : <EMBED SRC="vložený_objekt"> • Prvok <EMBED> umožňuje vkladať objekty ľubovolného typu. Browser potrebuje mať aplikáciu, ktorá vie zobraziť, alebo spracovať dané dáta korektne. Tieto apikácie sa nazývaju tzv. "plug-in", ktoré sa inštalujú pre každý formát vloženého súboru. @-JV-/MM 2007

  10. Embed - atribúty Prvok <EMBED> môže byť použitý viac menej ako príkaz <IMG> a rovnako akceptuje aj jeho typické atribúty ako WIDTH, HEIGHT, BORDER, HSPACE, VSPACE. Napríklad vloženie súboru so záznamom zvuku a videa umožňujú príkazy : <embed src="sound.mp3"> <embed src=„movie.qt"> <embed src=„video.mpg"> @-JV-/MM 2007

  11. Object – zvuk ako objekt • vykonáva spôsob ako riadiť prvky ActiveX a ostatných mediálnych prvkov, ktoré sú vložené v doumente. Má vlastne podobnú úlohu ako prvok <IMG>, ktorý vykonáva zobrazenie statického obrázku. Ukážka syntaxe : <OBJECT CLASSID="clsid:99B42120-6EC7-11CF-A6C7-00AA00A47DD2" ID=lbl1 WIDTH=40 HEIGHT=250 > <PARAM NAME="angle" VALUE="90"> <PARAM NAME="alignment" VALUE="2"> <PARAM NAME="FontBold" VALUE="1"> <PARAM NAME="frcolor" VALUE="#388608"> </OBJECT> @-JV-/MM 2007

  12. Object - atribúty • Align= [ top | middle | bottom | left | right] umiestenie objektui • Border=Length - šírka okraja • HSpace=Pixels - horizontálne oddelenie • VSpace=Pixels - vertikálne oddelenie • Width=Length - šírka objektu • Height=Length - výška objektu • Name=text - meno prvku • TabIndex=číslo - pozícia po stlačení tabelátora • AccessKey= - aktivačná klávesa • Title=text - informačný názov objektu @-JV-/MM 2007

  13. Object - atribúty • Data=URI dáta objektu • DataFld= položka dát, dátové pole, stĺpec • DataSrc= zdroj dát • ClassId=URI - umiestenie implementácie - identifikácia použitého softvéru • Archive=text - názov súboru s archívom • CodeBase=URI - základná adresa pre CLASSID, DATA, ARCHIVE • UseMap=URI - pre client-side mapu @-JV-/MM 2007

  14. Object - atribúty • Type=ContentType - typ obsahu objektu • CodeType=ContentType - typ obsahu kódu • StandBy=Text - spáva pri nahrávaní • Declare - nejedná sa o "pravý" objekt • autoplay = true ak chceme prehrať video automaticky • controller = false ak nechceme zobraziť ovládacie prvky prehrávača @-JV-/MM 2007

  15. Object - použitie • Vloženie obrázku: <object height="100%" width="100%" data="audi.jpeg" type="image/jpeg"> </object> • Vloženie webu: <object height="100%" width="100%" data="http://www.w3schools.com"> </object> @-JV-/MM 2007

  16. Object - použitie • Vloženie zvuku: <object classid=„ clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95"> <param name="FileName" value="liar.wav" /> </object> • Vloženie videa <object classid=„ clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95"> <param name="FileName" value="3d.wmv" /> </object> @-JV-/MM 2007

  17. Object - použitie • Vloženie grafiky <object width="200" height="200" classid=„ CLSID:369303C2-D7AC-11D0-89D5-00A0C90833E6"> <param name="Line1" value="setFillColor(255, 0, 255)"> <param name="Line2" value="Oval(-100, -50, 200, 100, 30)"> </object> • Ukážka @-JV-/MM 2007

  18. Object - použitie • Zobrazenie animácie – flash: <object width="400" height="40" classid=„ clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" odebase="http://download.macromedia.com/pub/ shockwave/cabs/flash/swflash.cab"> <param name="SRC" value="bookmark.swf"> </object> @-JV-/MM 2007

  19. Object - použitie • Prehratie videa vo formáte QuickTime movie: <object width="160" height="144" classid=„ clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab"> <param name="src" value="sample.mov"> <param name="autoplay" value="true"> <param name="controller" value="false"> <embed src="sample.mov" width="160" height="144" autoplay="true" controller="false" pluginspage="http://www.apple.com/quicktime/download/"> </embed> </object> @-JV-/MM 2007

  20. APPLET - Java Applet • Element APPLET sa používa na vloženie Java appletu, čo je zložitejšia verzia Java scriptu a predstavuje program napísavý v jayzku Java. Jeho význam bol zmenšený v definícií verzie HTML 4.0 a ďalších zavedením nového - obecnejšieho elementu OBJECT. Avšak, pre jeho podporu vo väčšine browseroch je bežne používané pre definíciu Java appletu. @-JV-/MM 2007

  21. Applet - atribúty • CODE= súbor tried - class file • CODEBASE= "Uniform Resource Indicator" - URI pre súbor tried • WIDTH= šírka apletu • HEIGHT= výška apletu • ARCHIVE= archivny súbor napríklad *.jar • OBJECT= applet • NAME= pomenovanie appletu • ALT= alternatívny text • ALIGN= zarovnanie apletu [ top | middle | bottom | left | right ] (applet alignment) • HSPACE= horizontálna medzera v pixeloch • VSPACE= vertikálna medzera v pixeloch @-JV-/MM 2007

  22. Applet - použitie • APPLET môže obsahovať nikoľko elementov PARAM, ktoré definujú jednotlivé parametre predávané apletu, pričom by mali byť definované pred inými atribútami a elementami príkazu Applet. Hodnota parametru je v atribúte Value= príkazu param V nasledujúcom príklade Java applet používa dva parametre. APPLET obsahuje animovaný GIF a alternatívny názov pre browsre, ktoré nepodporujú Javu. <APPLET code="Anim.class" width=100 height=100> <PARAM NAME=img1 VALUE="/images/1.jpg"> <PARAM NAME=img2 VALUE="/images/2.jpg"> <IMG SRC="animation.gif" ALT="animovaný orázok" WIDTH=100 HEIGHT=100> </APPLET> @-JV-/MM 2007

  23. Script - atribúty • SRC = definícia externého uloženia skriptu • LANGUAGE = skripovací jazyk – JavaScript, livescript, perl, vbscript a pod. • TYPE = typ obsahu podľa mime konvencie text/html • CHARSET = znaková sada použitá pre externý skript • DEFER - vykonávanie skriptu môže čakať @-JV-/MM 2007

  24. Script - ukážka <SCRIPT type="text/javascript" charset=„windows-1250“> <!– function meno (param) { telo funkcie; príkazy; [return hodnota] } --> </SCRIPT> @-JV-/MM 2007

  25. Script - ukážka <SCRIPT TYPE="text/javascript" SRC="fnc.js“ CHARSET="ISO-8859-1"> <!– // táto časť sa vykoné len v prípade, // že vložený skript v súbore fnc.js // je nedostupný --> </SCRIPT> @-JV-/MM 2007

  26. Ozvučenie odkazu embed <embed name=„zvuk" src=„ring.wav" hidden autostart="false"> • Pri odkaze je: <a href="#odkaz" onmouseover="document.zvuk.play()" onmouseout="document.zvuk.stop()"> odkaz</a> ukážka @-JV-/MM 2007

  27. Ozvučenie odkazu bgsound <bgsound id=„zvuk" src=„" hidden autostart="false"> • Pri odkaze je: <a href="#odkaz" onmouseover="document.zvuk.src=*.mid" onmouseout="document.zvuk.src=*.wav"> odkaz</a> ukážka @-JV-/MM 2007

  28. Štart a stop prehrávania • skrytý embed s hudobným súborom:  <embed name=„snd" src="subor.mid" hidden autostart="false"> • Nejakému prvku, najlepšie odkazu, môžeme predpísať akciu play() na prehrávanie súboru:  <a href="javascript: document.snd.play()">štart</a> • iný odkaz prehrávanie zastaví pomocoustop():  <a href="javascript: document.snd.stop()">Stop</a> • ukážka @-JV-/MM 2007

  29. Zvukové formáty • MIDI Format - MIDI (Musical Instrument Digital Interface) je formát pre prenos hudobných informácii medzi elektronickým hudobným zariadením ako syntetizátorom a zvukovou kartou. Formát MIDI je porporovaný mnohými aplikáciami na rôznych platformách. Rovnako je podporovaný aj v prostredí prehliadačov. Hudba uložená vo formáte MIDI má príponu *.mid alebo *.midi. • RealAudio Format - format bol vyvinutý pre internet firmou Real Media a okrem zvuku podporuje aj video. Umožňuje streaming audia (on-line hudba, Internetové radio) s nízkym prenosovým pásmom. Zvukové nahrávky vo formáte RealAudio majú príponu *.rm alebo *.ram. @-JV-/MM 2007

  30. Zvukové formáty • SND Format - (Sound) bol vyvinutý firmou Apple. Podobne ako formát AIFF nemá takú širokú podporu. Súbory so zvukom vo formáte SND majú príponu *.snd. • WAVE Format - (waveform) je vyvinutý firmou IBM a Microsoft. Je štandardom na všetkých počítačoch pod operačným systémom Windows, a je podporovaný vo väčšine prehliadačov. Zvuk uložený v tomto formáte má príponu *.wav. • MP3 Format (MPEG) - But the MPEG format was originally developed for video by the AU Format – je podporovaný rôznymi programovými aplikáciami na rôznych platformách. Prioritne je základom systém UNIX. Zvuk uložený vo formáte AU ma príponu *.au. @-JV-/MM 2007

  31. Formáty videa • AVI Format - (Audio Video Interleave) formát vyvinutý firmou Microsoft. Je základný formát v prostredí Windows a tu je široko podporovaný. Video vo formáte AVI má príponu *.avi. • Windows Media Format - formát firmy Microsoft, široko podporovaný na internete v platforme Windows. Iné platformy môžu mať problém. Video uložené v tomto formáte má príponu *.wmv. • MPEG Format - (Moving Pictures Expert Group) asi najpolulárnejší formát so širokou podporou na rôznych platformách. Video vo formáte MPEG format má príponu *.mpg alebo *.mpeg. @-JV-/MM 2007

  32. Formáty videa • QuickTime Format - formát je vyvinitý firmou Apple. QuickTime ie bežný formát na internete ale podlieha licenčnej politeke pre platformu Windows. Video´uložené v tomto formáte nmá príponu *.mov, *.qt. • RealVideo Format – formát bol vyvinutý firmou Real Media. Unožňuje streaming videa (on-line video, Internet TV) s malou šírkou pásma, za cenu straty kvality. Video vo formáte RealVideo má príponu *.rm alebo *.ram. • Shockwave (Flash) Format - formát Shockwave vyvinula firma Macromedia. Vyžaduje zvláštny component pre prehratie. Táto podpora býva často predinštalovaná v prehliadačoch Netscape a Internet Explorer. Video má príponu *.swf. @-JV-/MM 2007

  33. Windows Multimedia formáty Súbory Windows media majú prípony: .asf, .asx, .wma, a .wmv. • ASF Format - (Advanced Streaming Format) je špecialne navrhnutý pre internet. ASF súbory môžu obsahovať audio, video, slideshows, a synchronizačné udalosti. Majú vysokú kompresiu a používajú sa na streaming – plynulý tok dát (on-line TV alebo rádio). Môžu mať rôznu veľkosť vyplývajúcu s použitia kompresie a možu pracovať na rôznych dátových tokoch. • ASX Format - (Advanced Stream Redirector) nie je súborom informácie ale meta informácie o súboroch v rámci dávky, napríklad: @-JV-/MM 2007

  34. Ukážka popisu ASX <ASX VERSION="3.0"> <Title>Prázdniny 2006</Title> <Entry> <ref href="holiday-1.avi"/> </Entry> <Entry> <ref href="holiday-2.avi"/> </Entry> <Entry> <ref href="holiday-2.avi"/> </Entry> </ASX> @-JV-/MM 2007

  35. Windows formáty • WMA Format - (Windows Media Audio) audio formát pre zvuk • WMV Format - (Windows Media Video) video format pre obraz a zvuk • WAX (Windows Media Audio Redirector) rovnaké ako ASX pre popis audia (.wma súborov) • WMP (Windows Media Player) a WMX je rezervované pre budúce využitie v prostredí Windows. @-JV-/MM 2007

  36. Virtuálna realita • Súbory typu *.wrml, *.wrl • Definuje popis scény, vlastnosti, materiál, interakciu a chovanie objektov na scéne (javascript, PHP) • Príkaz <a href=subor.wrl>ukážka</a> <embed src=subor.wrl> <embed a veľkosť ...> <object ...> • Ukážky @-JV-/MM 2007

More Related