Embed Size (px)
DESCRIPTION
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 . Video. Element < img dynsrc -...> zmena veľkosti Element embed formát mpeg , formát wmv - PowerPoint PPT Presentation
Citation preview
Médiá, zvuk a video
@-JV-/MM 2007 2
Zvuk
BgSound – zvuk na pozadíSound – inline soundelement Embed – vložený zvukelement Object – zvuk ako objektPrepojenie pomocou <a href ...>
@-JV-/MM 2007 3
Video
Element <img dynsrc -...> zmena veľkosti Element embed formát mpeg, formát wmv Element object pomocou param 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í pomocou stop(): <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, slide shows, 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
