{"id":218,"date":"2023-10-02T07:45:22","date_gmt":"2023-10-02T05:45:22","guid":{"rendered":"https:\/\/gdm.sosthe.sk\/?page_id=218"},"modified":"2023-10-02T07:45:22","modified_gmt":"2023-10-02T05:45:22","slug":"prehravanie-multimedii-v-html","status":"publish","type":"page","link":"https:\/\/gdm.sosthe.sk\/?page_id=218","title":{"rendered":"Prehr\u00e1vanie multim\u00e9di\u00ed v HTML"},"content":{"rendered":"

 <\/p>\n

Multimedi\u00e1lny na webe je zvuk, hudba, vide\u00e1 a anim\u00e1cie. Podpora pre anim\u00e1cie zvuky a vide\u00e1 je spracovan\u00e1 r\u00f4znymi sp\u00f4sobmi u r\u00f4znych prehliada\u010doch. Niektor\u00e9 prvky m\u00f4\u017eu by\u0165 rie\u0161en\u00e9 inline, a niektor\u00e9 vy\u017eaduj\u00fa osobitn\u00fd pomocn\u00fd program (plug-in).<\/p>\n

3.1. Video form\u00e1ty<\/h3>\n\n\n\n\n\n\n\n\n\n\n
Form\u00e1t<\/strong><\/td>\nS\u00fabor<\/strong><\/td>\nPopis<\/strong><\/td>\n<\/tr>\n
AVI<\/td>\n. avi<\/td>\nAVI (Audio Video Interleave) form\u00e1t bol vyvinut\u00fd spolo\u010dnos\u0165ou Microsoft. Form\u00e1t AVI je podporovan\u00fd vo v\u0161etk\u00fdch po\u010d\u00edta\u010doch so syst\u00e9mom Windows, a v\u0161etk\u00fdmi z najpopul\u00e1rnej\u0161\u00edch webov\u00fdch prehliada\u010dov. To je ve\u013emi be\u017en\u00fd form\u00e1t na internete, ale nie v\u017edy je mo\u017en\u00e9 prehra\u0165 na po\u010d\u00edta\u010doch s in\u00fdm syst\u00e9mom ako Windows.<\/td>\n<\/tr>\n
WMV<\/td>\n. wmv<\/td>\nWindows Media form\u00e1t vyvinut\u00fd spolo\u010dnos\u0165ou Microsoft. Windows Media je be\u017en\u00fd form\u00e1t na internete, ale nie je ho mo\u017en\u00e9 prehr\u00e1va\u0165 na in\u00fdch OS ako Windows bez \u0161peci\u00e1lneho dodato\u010dne nain\u0161talovan\u00e9ho prehr\u00e1va\u010da.<\/td>\n<\/tr>\n
MPEG<\/td>\n. mpg
\n. mpeg<\/td>\n		MPEG (Moving Pictures Expert Group) je form\u00e1t najviac popul\u00e1rny na internete. Je medziplatformov\u00fd, a podporuj\u00fa ho v\u0161etky z najpopul\u00e1rnej\u0161\u00edch webov\u00fdch prehliada\u010dov.<\/td>\n<\/tr>\n
QuickTime<\/td>\n. mov<\/td>\nForm\u00e1t QuickTime je vyvinut\u00fd spolo\u010dnos\u0165ou Apple. QuickTime je be\u017en\u00fd form\u00e1t na internete, ale QuickTime filmy sa nedaj\u00fa prehra\u0165 na po\u010d\u00edta\u010di s Windows bez extra nain\u0161talovan\u00fdch komponentov.<\/td>\n<\/tr>\n
RealVideo<\/td>\n. rm
\n. ram<\/td>\n		Form\u00e1t RealVideo bol vyvinut\u00fd pre Internet Real Media. Form\u00e1t umo\u017e\u0148uje streamovanie videa (on-line video, Internet TV) s\u00a0mal\u00fdm rozl\u00ed\u0161en\u00edm.<\/td>\n<\/tr>\n
Flash<\/td>\n. swf
\n. flv<\/td>\n		Flash (Shockwave) form\u00e1t bol vyvinut\u00fd spolo\u010dnos\u0165ou Macromedia. Shockwave. Vy\u017eaduje si osobitn\u00fd prehr\u00e1va\u010d. Ale tento plug-in je dod\u00e1van\u00fd s predin\u0161talovan\u00fdm internetov\u00fdm prehliada\u010dom, ako je Firefox a Internet Explorer.<\/td>\n<\/tr>\n
Mpeg-4<\/td>\n. mp4<\/td>\nMpeg-4 (s H.264 kompresiou) je nov\u00fd form\u00e1t pre internet. V skuto\u010dnosti, YouTube odpor\u00fa\u010da pou\u017e\u00edva\u0165 MP4. YouTube prij\u00edma viac form\u00e1tov, a potom ich v\u0161etky prev\u00e1dza na flv alebo. mp4. St\u00e1le viac a viac on-line vide\u00ed sa s\u0165ahuj\u00fa do MP4 ako form\u00e1t pre zdie\u013eanie internetov\u00e9ho pripojenia ako pre Flash prehr\u00e1va\u010de a HTML5.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

<\/h3>\n

3.2. Zvukov\u00e9 form\u00e1ty<\/h3>\n\n\n\n\n\n\n\n\n
Form\u00e1t<\/strong><\/td>\nS\u00fabor<\/strong><\/td>\nPopis<\/strong><\/td>\n<\/tr>\n
MIDI<\/td>\n.mid
\n.midi<\/td>\n		MIDI (Musical Instrument Digital Interface) je form\u00e1t pre elektronick\u00e9 hudobn\u00e9 zariadenia, ako s\u00fa syntetiz\u00e1tory a karty PC zvuku. MIDI s\u00fabory neobsahuj\u00fa zvuk, ale digit\u00e1lny hudobn\u00fd n\u00e1vod (pozn\u00e1mky), ktor\u00e9 je mo\u017en\u00e9 prehr\u00e1va\u0165 prostredn\u00edctvom elektroniky (ako u v\u00e1\u0161ho po\u010d\u00edta\u010da so zvukovou kartou).MIDI je podporovan\u00fd mnoh\u00fdmi softv\u00e9rov\u00fdmi syst\u00e9mami vo ve\u013ekom rozsahu platforiem. MIDI je podporovan\u00fd v\u0161etk\u00fdmi z najob\u013e\u00fabenej\u0161\u00edch internetov\u00fdch prehliada\u010dov.<\/td>\n<\/tr>\n
RealAudio<\/td>\n. rm
\n. ram<\/td>\n		Form\u00e1t RealAudio bol vyvinut\u00fd pre Internet Real Media. Form\u00e1t podporuje aj video. Form\u00e1t umo\u017e\u0148uje streamova\u0165 audio (on-line hudbu, internetov\u00e9 r\u00e1dio) s n\u00edzkym rozl\u00ed\u0161en\u00edm.<\/td>\n<\/tr>\n
Wave<\/td>\n. wav<\/td>\nWave (priebeh) je form\u00e1t vyvinut\u00fd spolo\u010dnos\u0165ou IBM a Microsoft. Je podporovan\u00fd vo v\u0161etk\u00fdch po\u010d\u00edta\u010doch so syst\u00e9mom Windows, a v\u0161etk\u00fdmi z najpopul\u00e1rnej\u0161\u00edch internetov\u00fdch prehliada\u010dov (okrem prehliada\u010da Google Chrome).<\/td>\n<\/tr>\n
WMA<\/td>\n. wma<\/td>\nForm\u00e1t WMA (Windows Media Audio), sa porovn\u00e1va s kvalitou MP3, a je kompatibiln\u00fd s v\u00e4\u010d\u0161inou prehr\u00e1va\u010dov, okrem iPod. WMA s\u00fabory m\u00f4\u017eu by\u0165 dod\u00e1van\u00e9 ako nepretr\u017eit\u00fd tok d\u00e1t, \u010do je praktick\u00e9 pre pou\u017eitie v internetovom r\u00e1diu alebo on-line hudbe.<\/td>\n<\/tr>\n
MP3<\/td>\n. mp3
\n. mpga<\/td>\n		MP3 s\u00fabory s\u00fa vlastne zvukovou \u010das\u0165ou MPEG s\u00faborov. MPEG form\u00e1t bol p\u00f4vodne vyvinut\u00fd pre video Moving Pictures Experts Group. MP3 je jeden z najpopul\u00e1rnej\u0161\u00edch zvukov\u00fdch form\u00e1tov pre hudbu. Syst\u00e9m k\u00f3dovania kombinuje dobr\u00fa kompresiu (mal\u00e9 s\u00fabory) s vysokou kvalitou.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

 <\/p>\n

3.3. HTML Object Element<\/h3>\n

\u00da\u010delom tagu\u00a0<object><\/strong>\u00a0je podpora HTML pomocn\u00fdch aplik\u00e1ci\u00ed (Plug-Ins).<\/p>\n

Pomocn\u00e1 aplik\u00e1cia je program, ktor\u00fd m\u00f4\u017ee by\u0165 spusten\u00fd v prehliada\u010di \u201ena doplnenie\u201c funkci\u00ed. Pomocn\u00e9 aplik\u00e1cie sa tie\u017e naz\u00fdvaj\u00fa Plug-Ins. Pomocn\u00e9 aplik\u00e1cie mo\u017eno pou\u017e\u00edva\u0165 na prehr\u00e1vanie audio a video (a omnoho viac). Pomocn\u00e9 aplik\u00e1cie spust\u00edme pomocou tagu\u00a0<object><\/strong>. Jednou z v\u00fdhod pou\u017eitia pomocnej aplik\u00e1cie pre prehr\u00e1vanie audio a video, je to, \u017ee m\u00f4\u017eete necha\u0165 niektor\u00e9 (alebo v\u0161etky) z nastaven\u00ed prehr\u00e1va\u010da na ovl\u00e1danie u\u017e\u00edvate\u013eom. V\u00e4\u010d\u0161ina pomocn\u00fdch aplik\u00e1ci\u00ed umo\u017e\u0148uje obsluhe (alebo naprogramovan\u00edm) kontrolu nad nastaven\u00edm hlasitosti a prehr\u00e1vac\u00edch funkci\u00ed, ako napr. prev\u00edjanie, pozastavenie, zastavenie a prehr\u00e1vanie.<\/p>\n

\u00a0<\/strong><\/h3>\n

3.4. Najlep\u0161ie sp\u00f4soby, ako prehra\u0165 vide\u00e1 v HTML<\/h3>\n

Prehr\u00e1vanie Wave Audio pou\u017eit\u00edm QuickTime:<\/strong><\/p>\n

<object width=\"420\" height=\"360\"\r\n  classid=\"clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B\" \r\n  codebase=\"http:\/\/www.apple.com\/qtactivex\/qtplugin.cab\">\r\n  <param name=\"src\" value=\"liar.wav\" \/>\r\n  <param name=\"controller\" value=\"true\" \/>\r\n  <\/object><\/pre>\n
Prehr\u00e1vanie MP4 Video pou\u017eit\u00edm QuickTime:<\/strong><\/p>\n
<object width=\"420\" height=\"360\"\r\n  classid=\"clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B\" \r\n  codebase=\"http:\/\/www.apple.com\/qtactivex\/qtplugin.cab\">\r\n  <param name=\"src\" value=\"movie.mp4\" \/>\r\n  <param name=\"controller\" value=\"true\" \/>\r\n  <\/object><\/pre>\n
Prehr\u00e1vanie videa SWF pomocou Flash:<\/strong><\/p>\n
<object width=\"400\" height=\"40\"\r\n  classid=\"clsid:d27cdb6e-ae6d-11cf-96b8-444553540000\"\r\n  codebase=\"http:\/\/fpdownload.macromedia.com\/\r\n  pub\/shockwave\/cabs\/flash\/swflash.cab#version=8,0,0,0\">\r\n  <param name=\"SRC\" value=\"bookmark.swf\">\r\n  <embed src=\"bookmark.swf\" width=\"400\" height=\"40\"><\/embed>\r\n  <\/object><\/pre>\n
Prehr\u00e1vanie WMV filmov pomocou Windows Media Player:<\/strong><\/p>\n
<object width=\"100%\" height=\"100%\"\r\n  type=\"video\/x-ms-asf\" url=\"3d.wmv\" data=\"3d.wmv\"\r\n  classid=\"CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6\">\r\n  <param name=\"url\" value=\"3d.wmv\">\r\n  <param name=\"filename\" value=\"3d.wmv\">\r\n  <param name=\"autostart\" value=\"1\">\r\n  <param name=\"uiMode\" value=\"full\" \/>\r\n  <param name=\"autosize\" value=\"1\">\r\n  <param name=\"playcount\" value=\"1\"> \r\n  <embed type=\"application\/x-mplayer2\" src=\"3d.wmv\" width=\"100%\" height=\"100%\" autostart=\"true\" showcontrols=\"true\" pluginspage=\"http:\/\/www.microsoft.com\/Windows\/MediaPlayer\/\"><\/embed>\r\n  <\/object><\/pre>\n
3.5. Prehr\u00e1vanie zvuku v HTML<\/h3>\n
Prehr\u00e1vanie audio vo form\u00e1te HTML nie je \u013eahk\u00e9! Mus\u00edte vedie\u0165 ve\u013ea trikov, aby ste mali istotu, \u017ee va\u0161e audio s\u00fabory bud\u00fa prehran\u00e9 vo v\u0161etk\u00fdch prehliada\u010doch (Internet Explorer, Chrome, Firefox, Safari, Opera) a na hoc akom hardware (PC, Mac, iPad, iPhone).<\/p>\n
3.5.1. Pou\u017e\u00edvanie tagu\u00a0<embed><\/strong><\/p>\n
Tag\u00a0<embed>\u00a0definuje kontajner pre extern\u00e9 (nie-HTML) obsahy. (Je to tag pre HTML5, neplatn\u00fd v HTML 4, ale funguje vo v\u0161etk\u00fdch prehliada\u010doch).<\/p>\n
Nasleduj\u00faci fragment k\u00f3du m\u00f4\u017ee zobrazi\u0165 s\u00fabor MP3 vlo\u017een\u00fd na webovej str\u00e1nke:<\/p>\n
<embed height=\"100\" width=\"100\" src=\"horse.mp3\"><\/embed><\/pre>\n
Mo\u017en\u00e9 probl\u00e9my:<\/strong><\/p>\n
    \n
  • <embed>\u00a0Tag je neplatn\u00fd v HTML 4. Va\u0161a str\u00e1nka nebude overen\u00e1 ako HTML 4.<\/li>\n
  • R\u00f4zne prehliada\u010de maj\u00fa podporu in\u00e9ho zvukov\u00e9ho form\u00e1tu.<\/li>\n
  • Ak prehliada\u010d nepodporuje form\u00e1t s\u00faboru, nebude zvuk hra\u0165 bez pr\u00edslu\u0161n\u00e9ho plug-inu.<\/li>\n
  • Ak plug-in nie je nain\u0161talovan\u00fd na po\u010d\u00edta\u010di dan\u00e9ho u\u017e\u00edvate\u013ea, zvuk nebude hra\u0165.<\/li>\n
  • Ak prevediete s\u00fabor do in\u00e9ho form\u00e1tu, nemus\u00ed hra\u0165 vo v\u0161etk\u00fdch prehliada\u010doch.<\/li>\n<\/ul>\n
    POZN\u00c1MKA:<\/em><\/strong>\u00a0Pou\u017eitie (HTML5) sa rie\u0161i overen\u00edm\u00a0<DOCTYPE html>\u00a0v hlavi\u010dke.<\/em><\/p>\n
    \u00a0<\/strong><\/p>\n
    3.5.2. Pou\u017eitie tagu\u00a0<object><\/strong><\/p>\n
    Tag\u00a0<object >\u00a0m\u00f4\u017ee tie\u017e definova\u0165 kontajner pre extern\u00e9 (nie-HTML) obsahy.<\/p>\n
    Nasleduj\u00faci fragment k\u00f3du m\u00f4\u017ee zobrazi\u0165 s\u00fabor MP3 vlo\u017een\u00fd do webovej str\u00e1nky:<\/p>\n
    <object height=\"100\" width=\"100\" data=\"horse.mp3\"><\/object><\/pre>\n
    Mo\u017en\u00e9 probl\u00e9my:<\/strong><\/p>\n
      \n
    • R\u00f4zne prehliada\u010de maj\u00fa podporu in\u00e9ho zvukov\u00e9ho form\u00e1tu.<\/li>\n
    • Ak prehliada\u010d nepodporuje form\u00e1t s\u00faboru, nebude zvuk hra\u0165 bez plug-inu.<\/li>\n
    • Ak plug-in nie je nain\u0161talovan\u00fd na po\u010d\u00edta\u010di dan\u00e9ho u\u017e\u00edvate\u013ea, nebude zvuk hra\u0165.<\/li>\n
    • Ak prevediete s\u00fabor do in\u00e9ho form\u00e1tu, nebude hra\u0165 vo v\u0161etk\u00fdch prehliada\u010doch.<\/li>\n<\/ul>\n
      \u00a0<\/strong><\/p>\n
      3.5.3. Pou\u017eitie tagu\u00a0<audio>\u00a0len HTML5 element!<\/strong><\/p>\n
      Tag\u00a0<audio>\u00a0je prvok HTML5 k\u00f3du, je neplatn\u00fd v HTML 4, ale funguje vo v\u0161etk\u00fdch nov\u00fdch prehliada\u010doch.<\/p>\n
      <audio controls=\"controls\">\r\n  <source src=\"horse.mp3\" type=\"audio\/mp3\" \/>\r\n  <source src=\"horse.ogg\" type=\"audio\/ogg\" \/>\r\n  Vas prehliadac nepodporuje tento audio format.\r\n  <\/audio><\/pre>\n
      Vy\u0161\u0161ie uveden\u00fd pr\u00edklad pou\u017e\u00edva s\u00fabor mp3, ktor\u00fd funguje v aplik\u00e1cii Internet Explorer, Chrome a Safari. Ak chcete, aby bol zvuk spusten\u00fd vo Firefoxe a Opere, mus\u00ed by\u0165 s\u00fabor typu OGG. Ak to nie je mo\u017en\u00e9, zobraz\u00ed sa chybov\u00e1 hl\u00e1\u0161ka.<\/p>\n
      Probl\u00e9my:<\/strong><\/p>\n
        \n
      • Tag\u00a0<audio>\u00a0je neplatn\u00fd v HTML 4. Va\u0161a str\u00e1nka nebude overen\u00e1 ako HTML 4.<\/li>\n
      • Mus\u00edte previes\u0165 audio s\u00fabory do r\u00f4znych form\u00e1tov.<\/li>\n
      • <audio>\u00a0element nefunguje v star\u0161\u00edch prehliada\u010doch.<\/li>\n<\/ul>\n
        POZN\u00c1MKA:<\/em><\/strong>\u00a0Pou\u017eitie (HTML5) sa rie\u0161i overen\u00edm\u00a0<DOCTYPE html>\u00a0v hlavi\u010dke.<\/em><\/p>\n
        \u00a0<\/strong><\/p>\n
        3.5.4. Najlep\u0161ie HTML rie\u0161enie:<\/h3>\n
        <audio controls=\"controls\" height=\"100\" width=\"100\">\r\n  <source src=\"horse.mp3\" type=\"audio\/mp3\" \/>\r\n  <source src=\"horse.ogg\" type=\"audio\/ogg\" \/>\r\n  <embed height=\"100\" width=\"100\" src=\"horse.mp3\" \/>\r\n  <\/audio><\/pre>\n
        Vy\u0161\u0161ie uveden\u00fd pr\u00edklad pou\u017e\u00edva dve r\u00f4zne zvukov\u00e9 form\u00e1ty.\u00a0<audio>\u00a0HTML5 element sa pok\u00fasi prehra\u0165 video bu\u010f ako mp3 alebo ogg. Ak sa to nepodar\u00ed, k\u00f3d \u201esa pok\u00fasi\u201c pou\u017ei\u0165\u00a0<embed>\u00a0prvok.<\/p>\n
        Probl\u00e9my:<\/strong><\/p>\n
          \n
        • Mus\u00edte previes\u0165 audio do r\u00f4znych form\u00e1tov.<\/li>\n
        • Prvok\u00a0<audio>\u00a0nie je d\u00f4veryhodn\u00fd ako HTML 4 a XHTML.<\/li>\n
        • Prvok\u00a0<embed>\u00a0nie je d\u00f4veryhodn\u00fd ako HTML 4 a XHTML.<\/li>\n
        • Ak prvok\u00a0<embed>\u00a0nem\u00f4\u017ee \u201efall-back\u201c zobraz\u00ed sa chyba.<\/li>\n<\/ul>\n
          POZN\u00c1MKA:<\/em><\/strong>\u00a0Pou\u017eitie (HTML5) sa rie\u0161i overen\u00edm\u00a0<DOCTYPE html>\u00a0v hlavi\u010dke.<\/em><\/p>\n
          \u00a0<\/strong><\/p>\n
          3.5.5. Najjednoduch\u0161\u00ed sp\u00f4sob, ako prida\u0165 zvuk na va\u0161e str\u00e1nky<\/h3>\n
          Najjednoduch\u0161\u00ed sp\u00f4sob, ako prida\u0165 zvuk do va\u0161ich webov\u00fdch str\u00e1nok je pou\u017eit\u00edm Yahoo Media Player. Ten je ur\u010dite favoritom.<\/p>\n
          Pou\u017eitie Yahoo Media Player m\u00e1 odli\u0161n\u00fd pr\u00edstup. Jednoducho nechajte Yahoo Media Player prehr\u00e1va\u0165 va\u0161e skladby na str\u00e1nke.<\/p>\n
          Prehr\u00e1va mp3 a mnoho \u010fal\u0161\u00edch form\u00e1tov. M\u00f4\u017eete ho prida\u0165 na va\u0161e str\u00e1nky (alebo blog) s jedin\u00fdm riadkom k\u00f3du, a \u013eahko premeni\u0165 va\u0161e HTML str\u00e1nky do profesion\u00e1lneho playlistu.<\/p>\n
          <a href=\"horse.mp3\">Play Sound<\/a>\r\n  <script type=\"text\/javascript\" src=\"http:\/\/mediaplayer.yahoo.com\/js\">\r\n  <\/script><\/pre>\n
          Pou\u017eitie prehr\u00e1va\u010da Yahoo je zadarmo. Ak ho chcete pou\u017ei\u0165 vlo\u017ete uveden\u00fa \u010das\u0165 JavaScriptu v spodnej \u010dasti webovej str\u00e1nky:\u00a0<script type=\u201ctext\/javascript\u201c src=\u201chttp:\/\/mediaplayer.yahoo.com\/js\u201c> <\/ script>\u00a0Potom sta\u010d\u00ed prida\u0165 odkaz na va\u0161e MP3 s\u00fabory vo va\u0161om HTML a k\u00f3d JavaScript automaticky vytvor\u00ed tla\u010didlo Play pre ka\u017ed\u00fa piese\u0148:<\/p>\n
          <a href=\"song1.mp3\"> Play Song 1 <\/ a> <a href = \"song2.mp3 \"> Play Song 2 <\/ a> ... ... ...<\/pre>\n
          Yahoo Media Player sa na str\u00e1nke predstav\u00ed mal\u00fdm tla\u010didlom play namiesto pln\u00e9ho prehr\u00e1\u010dav. Av\u0161ak, ke\u010f kliknete na tla\u010didlo, pln\u00fd prehr\u00e1va\u010d vysko\u010d\u00ed. V\u0161imnite si, \u017ee prehr\u00e1va\u010d je v\u017edy ukotven\u00fd a je pripraven\u00fd v spodnej \u010dasti okna. Sta\u010d\u00ed klikn\u00fa\u0165 na neho a\u00a0vysunie sa.<\/p>\n
           <\/p>\n
          3.5.6. Pou\u017eitie hypertextov\u00e9ho odkazu<\/h3>\n
          Ak webov\u00e1 str\u00e1nka obsahuje hypertextov\u00fd odkaz na medi\u00e1lny s\u00fabor, bude v\u00e4\u010d\u0161ina prehliada\u010dov pou\u017e\u00edva\u0165 \u201epomocn\u00fa aplik\u00e1ciu\u201c pre prehratie s\u00faboru.<\/p>\n
          Nasleduj\u00faci fragment k\u00f3du zobraz\u00ed odkaz na mp3 s\u00fabor. Ak pou\u017e\u00edvate\u013e klikne na odkaz, prehliada\u010d spust\u00ed pomocn\u00fa aplik\u00e1ciu pre prehr\u00e1vanie s\u00faboru:<\/p>\n
          <a href=\"horse.mp3\">Play the sound<\/a><\/pre>\n
          \u00a0<\/strong><\/p>\n
          3.5.7. Inline Sound<\/h3>\n
          Ak je zvuk zahrnut\u00fd do webovej str\u00e1nky, alebo ako s\u00fa\u010das\u0165 webovej str\u00e1nky, naz\u00fdva sa inline zvuk.<\/p>\n
          Ak pl\u00e1nujete pou\u017e\u00edva\u0165 vlo\u017een\u00e9 zvuky vo va\u0161ich webov\u00fdch aplik\u00e1ci\u00e1ch, uvedomte si, \u017ee ve\u013ea \u013eud\u00ed pova\u017euje inline zvuky za otravn\u00e9. Tie\u017e si v\u0161imnite, \u017ee niektor\u00ed pou\u017e\u00edvatelia si vyp\u00ednaj\u00fa inline vo\u013ebu zvuku vo svojom prehliada\u010di.<\/p>\n
          Na\u0161e najlep\u0161ia rada je, aby ste pou\u017eili inline zvuk iba na webov\u00fdch str\u00e1nkach, kde u\u017e\u00edvate\u013e o\u010dak\u00e1va zvuk. Pr\u00edkladom toho je str\u00e1nka, ktor\u00e1 sa otvor\u00ed po kliknut\u00ed u\u017e\u00edvate\u013ea na odkaz \u201evypo\u010du\u0165 nahr\u00e1vku\u201c.<\/p>\n
          3.6. Prehr\u00e1vanie videa vo form\u00e1te HTML<\/h3>\n
          Vide\u00e1 je mo\u017en\u00e9 prehr\u00e1va\u0165 vo form\u00e1te HTML v mnoh\u00fdmi r\u00f4znymi sp\u00f4sobmi. Probl\u00e9my s\u00fa azda e\u0161te v\u00e4\u010d\u0161ie ako v\u00a0pr\u00edpade zvuku vzh\u013eadom na ve\u013ek\u00fd po\u010det r\u00f4znych form\u00e1tov a\u00a0k\u00f3dovan\u00ed.<\/p>\n
          3.6.1. Pou\u017eitie Tagu\u00a0<embed><\/h4>\n
          \u00da\u010delom zna\u010dky\u00a0<embed>\u00a0je vlo\u017ei\u0165 multimedi\u00e1lne prvky v HTML str\u00e1nkach.<\/p>\n
          Nasleduj\u00faci HTML fragment zobrazuje Flash video vlo\u017een\u00e9 na webovej str\u00e1nke:<\/p>\n
          <embed src=\"intro.swf\" height=\"200\" width=\"200\"\/><\/pre>\n
          Probl\u00e9my:<\/strong><\/p>\n
            \n
          • Tag\u00a0<embed>\u00a0nie je zn\u00e1my v HTML 4. Va\u0161a str\u00e1nka nebude spr\u00e1vne overen\u00e1.<\/li>\n
          • Ak prehliada\u010d nepodporuje Flash, nebude va\u0161e video prehran\u00e9.<\/li>\n
          • iPad a iPhone neumo\u017e\u0148uje zobrazi\u0165 Flash videa.<\/li>\n
          • Ak prevediete video do in\u00e9ho form\u00e1tu, neznamen\u00e1 to e\u0161te \u017ee bude hra\u0165 vo v\u0161etk\u00fdch prehliada\u010doch.<\/li>\n<\/ul>\n
            \u00a0<\/strong><\/p>\n
            3.6.2. Pou\u017eitie Tagu\u00a0<object><\/strong><\/p>\n
            \u00da\u010delom tagu\u00a0<object>\u00a0je vlo\u017ei\u0165 multimedi\u00e1lne prvky v HTML str\u00e1nkach.<\/p>\n
            Nasleduj\u00faci HTML fragment zobrazuje Flash video vlo\u017een\u00e9 na webovej str\u00e1nke:<\/p>\n
            <object data=\"intro.swf\" height=\"200\" width=\"200\"\/><\/pre>\n
            Probl\u00e9my:<\/strong><\/p>\n
              \n
            • Ak prehliada\u010d nepodporuje Flash, nebude va\u0161e video prehran\u00e9.<\/li>\n
            • iPad a iPhone neumo\u017e\u0148uje zobrazi\u0165 Flash videa.<\/li>\n
            • Ak prevediete video do in\u00e9ho form\u00e1tu, neznamen\u00e1 to e\u0161te \u017ee bude hra\u0165 vo v\u0161etk\u00fdch prehliada\u010doch.<\/li>\n<\/ul>\n
              \u00a0<\/strong><\/p>\n
              3.6.3. Pou\u017eitie Tagu <video><\/strong><\/p>\n
              Element\u00a0<video>\u00a0je len v HTML 5. \u00da\u010delom tagu\u00a0<video>\u00a0je vlo\u017ei\u0165 prvky videa v HTML str\u00e1nkach.<\/p>\n
              Nasleduj\u00faci fragment HTML zobraz\u00ed video vo form\u00e1te ogg, mp4, alebo WebM form\u00e1te vlo\u017een\u00e9ho do webovej str\u00e1nky:<\/p>\n
              <video width=\"320\" height=\"240\" controls=\"controls\">\r\n  <source src=\"movie.mp4\" type=\"video\/mp4\" \/>\r\n  <source src=\"movie.ogg\" type=\"video\/ogg\" \/> \r\n  <source src=\"movie.webm\" type=\"video\/webm\" \/>\r\n  Vas webovy prehliadac nepodporuje tag video.\r\n  <\/video><\/pre>\n
              Probl\u00e9my:<\/strong><\/p>\n
                \n
              • Mus\u00edte previes\u0165 videa do r\u00f4znych form\u00e1tov.<\/li>\n
              • Element\u00a0<video>\u00a0nefunguje v star\u0161\u00edch prehliada\u010doch.<\/li>\n
              • Element\u00a0<video>\u00a0sa neoveruje v HTML 4 a XHTML.<\/li>\n<\/ul>\n
                \u00a0<\/strong><\/p>\n
                3.6.4. Najlep\u0161ie HTML rie\u0161enie<\/strong><\/p>\n
                <video width=\"320\" height=\"240\" controls=\"controls\">\r\n  <source src=\"movie.mp4\" type=\"video\/mp4\" \/>\r\n  <source src=\"movie.ogg\" type=\"video\/ogg\" \/>\r\n  <source src=\"movie.webm\" type=\"video\/webm\" \/>\r\n  <object data=\"movie.mp4\" width=\"320\" height=\"240\">\r\n  <embed src=\"movie.swf\" width=\"320\" height=\"240\" \/>\r\n  <\/object> \r\n  <\/video><\/pre>\n
                Vy\u0161\u0161ie uveden\u00fd pr\u00edklad pou\u017e\u00edva 4 r\u00f4zne form\u00e1ty videa. HTML 5 tag\u00a0<video>\u00a0sa pok\u00fasi prehra\u0165 video bu\u010f v mp4, ogg, alebo WebM form\u00e1te. Ak sa to nepodar\u00ed, k\u00f3d nakoniec vysk\u00fa\u0161a prvok\u00a0<object>. Ak to tie\u017e zlyh\u00e1, vysk\u00fa\u0161a sa e\u0161te tag\u00a0<embed>\u00a0.<\/p>\n
                Probl\u00e9my:<\/strong><\/p>\n
                  \n
                • Mus\u00edte previes\u0165 videa do r\u00f4znych form\u00e1tov.<\/li>\n
                • Element\u00a0<video>\u00a0sa neoveruje v HTML 4 a XHTML.<\/li>\n
                • Element\u00a0<embed>\u00a0sa neoveruje v HTML 4 a XHTML.<\/li>\n<\/ul>\n
                  Pozn\u00e1mka:<\/em><\/strong>\u00a0Pou\u017eitie sa rie\u0161i overen\u00edm\u00a0<DOCTYPE html>\u00a0v hlavi\u010dke.<\/em><\/p>\n
                  \u00a0<\/strong><\/p>\n
                  3.6.5. Pou\u017eitie hypertextov\u00e9ho odkazu<\/strong><\/p>\n
                  Ak webov\u00e1 str\u00e1nka obsahuje hypertextov\u00fd odkaz na medi\u00e1lny s\u00fabor, bude v\u00e4\u010d\u0161ina prehliada\u010dov pou\u017e\u00edva\u0165 \u201epomocn\u00fa aplik\u00e1ciu\u201c pre prehratie s\u00faboru. Nasleduj\u00faci fragment k\u00f3du zobrazuje odkaz na Flash video. Ak pou\u017e\u00edvate\u013e klikne na odkaz, prehliada\u010d spust\u00ed pomocn\u00fa aplik\u00e1ciu, ako je Windows Media Player pre prehranie s\u00faboru AVI:<\/p>\n
                  <a href=\"intro.swf\">Play a video file<\/a><\/pre>\n
                  3.6.6. Prehr\u00e1vanie videa YouTube vo form\u00e1te HTML<\/strong><\/p>\n
                  Ak chcete zobrazi\u0165 video na webovej str\u00e1nke, m\u00f4\u017eete nahra\u0165 video na YouTube a vlo\u017ei\u0165 HTML k\u00f3d pre zobrazenie videa vo va\u0161ej webovej str\u00e1nke. Je to najpohodlnej\u0161\u00ed a\u00a0azda najlep\u0161\u00ed sp\u00f4sob prehr\u00e1vania videa v\u00a0HTML.<\/p>\n
                  YouTube s\u00a0pou\u017eit\u00edm tagu\u00a0<\/strong><<\/strong>iFrame><\/strong><\/p>\n
                  <iframe width=\"420\" height=\"345\"\r\n  src=\"http:\/\/www.youtube.com\/embed\/XGSy3_Czz8k\">\r\n  <\/iframe><\/pre>\n
                  YouTube s\u00a0pou\u017eit\u00edm tagu\u00a0<\/strong><<\/strong>Embed><\/strong><\/p>\n
                  <embed width=\"420\" height=\"345\"\r\n  src=\"http:\/\/www.youtube.com\/v\/XGSy3_Czz8k\"\r\n  type=\"application\/x-shockwave-flash\">\r\n  <\/embed><\/pre>\n","protected":false},"excerpt":{"rendered":"
                    Multimedi\u00e1lny na webe je zvuk, hudba, vide\u00e1 a anim\u00e1cie. Podpora pre anim\u00e1cie zvuky a vide\u00e1 je spracovan\u00e1 r\u00f4znymi sp\u00f4sobmi u r\u00f4znych prehliada\u010doch. Niektor\u00e9 prvky m\u00f4\u017eu by\u0165 rie\u0161en\u00e9 inline, a niektor\u00e9 vy\u017eaduj\u00fa osobitn\u00fd pomocn\u00fd program (plug-in). 3.1. Video form\u00e1ty Form\u00e1t S\u00fabor Popis AVI . avi AVI (Audio Video Interleave) form\u00e1t bol vyvinut\u00fd spolo\u010dnos\u0165ou Microsoft. Form\u00e1t […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-218","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/gdm.sosthe.sk\/index.php?rest_route=\/wp\/v2\/pages\/218","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gdm.sosthe.sk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gdm.sosthe.sk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gdm.sosthe.sk\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gdm.sosthe.sk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=218"}],"version-history":[{"count":1,"href":"https:\/\/gdm.sosthe.sk\/index.php?rest_route=\/wp\/v2\/pages\/218\/revisions"}],"predecessor-version":[{"id":219,"href":"https:\/\/gdm.sosthe.sk\/index.php?rest_route=\/wp\/v2\/pages\/218\/revisions\/219"}],"wp:attachment":[{"href":"https:\/\/gdm.sosthe.sk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=218"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}