{"id":94,"date":"2010-08-21T09:11:35","date_gmt":"2010-08-21T09:11:35","guid":{"rendered":"http:\/\/6378.wms78.wedos.ws\/subdom\/blog\/?p=94"},"modified":"2010-08-21T09:11:35","modified_gmt":"2010-08-21T09:11:35","slug":"videogalerie","status":"publish","type":"post","link":"http:\/\/6378.wms78.wedos.ws\/subdom\/blog\/videogalerie\/","title":{"rendered":"Videogalerie"},"content":{"rendered":"<div class=\"958545b2ffe6a18f89c3ac8a7be9162a\" data-index=\"3\" style=\"float: none; margin:0px;\">\n<script type=\"text\/javascript\"><!--\r\ngoogle_ad_client = \"ca-pub-9849429965459928\";\r\n\/* Blog 300x250 \u00c3\ufffd\u00ef\u00bf\u00bd\u00c3\u00af\u00c2\u00bf\u00c2\u00bdl\u00c3\ufffd\u00ef\u00bf\u00bd\u00c3\ufffd\u00c2\u00a1nky *\/\r\ngoogle_ad_slot = \"0479547637\";\r\ngoogle_ad_width = 300;\r\ngoogle_ad_height = 250;\r\n\/\/-->\r\n<\/script>\r\n<script type=\"text\/javascript\"\r\nsrc=\"http:\/\/pagead2.googlesyndication.com\/pagead\/show_ads.js\">\r\n<\/script>\n<\/div>\n<p><font size=\"3\">Doprogramoval jsem do tohoto kr&aacute;sn&eacute;&iacute;ho blogu videogalerii. Pot\u0159eboval jsem m&iacute;t nejenom datab&aacute;zi fotografi&iacute;, ale i&nbsp;videa. Bohu\u017eel to nebylo a\u017e tak jednoduch&eacute;, jak jsem si myslel. <\/font><\/p>\n<p><font size=\"3\">Cel&yacute; proces m\u011bl n\u011bkolik &uacute;skal&iacute;, kter&eacute; zde nast&iacute;n&iacute;m a pokus&iacute;m se i uk&aacute;zat vl&aacute;kna vedouc&iacute; k vy\u0159e&scaron;en&iacute; probl&eacute;mu:<\/font><\/p>\n<p><font size=\"3\"><strong>1) upload soubor\u016f<\/strong><\/font><\/p>\n<p><font size=\"3\">S uploadem soubor\u016f m&aacute;m sv&eacute; zku&scaron;enosti, tak\u017ee s t&iacute;m nebyl a\u017e takov&yacute; probl&eacute;m. Relativn\u011b p\u0159&iacute;jemn&yacute; popis z&aacute;kladn&iacute;ch p\u0159&iacute;kaz\u016f je na <a href=\"http:\/\/kralik.profitux.cz\/blog\/87-php-upload-souboru\" target=\"_blank\">Kr&aacute;l&iacute;kov\u011b blogu<\/a>, je ale nutn&eacute; do programu doplnit bezpe\u010dnostn&iacute; o&scaron;et\u0159en&iacute; aby lid&eacute; nemohli uploadovat &quot;&scaron;kodliv&eacute;&quot; soubory. Probl&eacute;m, na kter&yacute; jsem narazil ale nevy\u0159e&scaron;il ho (proto\u017ee nem&aacute;m vlastn&iacute; server, jsem na hostingu) je maxim&aacute;ln&iacute; velikost uploadovan&yacute;ch soubor\u016f. Obecn\u011b je limit n\u011bkde kolem 5-8 Mega (co\u017e pro m&eacute; &uacute;\u010dely sta\u010d&iacute;), ale pokud bychom cht\u011bli uploadovat v\u011bt&scaron;&iacute; soubory, nen&iacute; jin&aacute; mo\u017enost ne\u017e zm\u011bnit konfiguraci php.ini souboru. Tento soubor ale m\u016f\u017ee m\u011bnit jenom ten kdo nainstaloval PHP na serveru, kter&yacute; pou\u017e&iacute;v&aacute;me.<\/font><\/p>\n<p><font size=\"3\"><strong>2) screenshotov&aacute;n&iacute; videa do thumbnailu<\/strong><\/font><\/p>\n<p><font size=\"3\">Nejv\u011bt&scaron;&iacute; probl&eacute;m je zpracov&aacute;n&iacute; screenshotu uploadnut&eacute;ho videa. Jedin&yacute; software napojiteln&yacute; na PHP, kter&yacute; jsem na&scaron;el je knihovna pro pr&aacute;ci s videem nazvan&aacute; <a href=\"http:\/\/ffmpeg-php.sourceforge.net\/\" target=\"_blank\">ffmpeg-php<\/a>, ale tu je t\u0159eba instalovat do PHP, k \u010demu\u017e zase nem&aacute;m opr&aacute;vn\u011bn&iacute; \ud83d\ude41 Tento probl&eacute;m jsem tedy nevy\u0159e&scaron;il a jako provizorn&iacute; opat\u0159en&iacute; jsem pou\u017eil zobrazov&aacute;n&iacute; videa bez autorun, co\u017e je datov\u011b dosti n&aacute;ro\u010dn&eacute; \u0159e&scaron;en&iacute; \ud83d\ude41<\/font><\/p><!--CusAds0-->\n<p><font size=\"3\"><strong>3) zobrazen&iacute; videa<\/strong><\/font><\/p>\n<p><font size=\"3\">Pro zobrazen&iacute; videa jsem testoval n\u011bkolik mo\u017enost&iacute; od zobrazen&iacute; v tagu <em>img dynsrc=<\/em> (zobrazuje ale asi jenom .avi) p\u0159es komplikovan\u011bj&scaron;&iacute; <em>object<\/em> s vlo\u017een&yacute;m<em>&nbsp;classid=&quot;clsid:05589FA1-C356-11CE-BF01-00AA0055595A&quot;. <\/em>Nakonec se ale uk&aacute;zalo jako nejlep&scaron;&iacute; pou\u017e&iacute;t jednoduch&yacute; <em>embed<\/em>, jeho\u017e pou\u017eit&iacute; je hezky pops&aacute;no nap\u0159&iacute;klad <a href=\"http:\/\/www.htmlcodetutorial.com\/embeddedobjects\/_EMBED.html\" target=\"_blank\">zde<\/a>. Co v tagu <em>embed<\/em> funguje dost divn\u011b je zobrazov&aacute;n&iacute; ovl&aacute;d&aacute;n&iacute; videa, kter&yacute; mi u&nbsp;soubor\u016f p\u0159eh&aacute;van&yacute;ch p\u0159es MedaPlayer&nbsp;v\u016fbec nejde vypnout, zat&iacute;mco u soubor\u016f p\u0159ehr&aacute;van&yacute;ch p\u0159es QuickTime to je OK.<\/font><\/p>\n<p><strong><font size=\"3\">4) po\u0159&aacute;dn&eacute; zobrazen&iacute; videa<\/font><\/strong><\/p>\n<p><font size=\"3\">Proto\u017ee MSIE zobrazuje objekty Active-X tak, \u017ee funguj&iacute; a\u017e po kliknut&iacute;, je t\u0159eba to tro&scaron;ku obej&iacute;t. Kdy\u017e je tag&nbsp;<em>embed<\/em> vlo\u017een&yacute; p\u0159&iacute;mo do HTML k&oacute;du str&aacute;nky, funguje to a\u017e po kliknut&iacute;. Pokud se ov&scaron;em k&oacute;d vlo\u017e&iacute; JavaScriptem z extern&iacute;ho souboru, zobrazuje se video hned a bez kec\u016f. Proto bylo t\u0159eba vytvo\u0159it zvl&aacute;&scaron;tn&iacute; .js soubor, kter&yacute; si hlavn&iacute;&nbsp;HTML str&aacute;nka vol&aacute; do sebe a kdy\u017e se m&aacute; zobrazit video, zavol&aacute; se JavaScriptov&aacute; funkce obsa\u017een&aacute; v tom .js souboru, kter&aacute; obsahuje jednoduch&yacute; document.write a k&oacute;d tagu <em>embed<\/em>, kter&yacute; zobrazuje video. Jak tohle funguje v re&aacute;l\u016f m\u016f\u017eete vid\u011bt ve ccvi\u010dn&eacute; galerii <a href=\"..\/kategorie_detail.php?kat=1\" target=\"_blank\">Videoklipy zde na blogu<\/a>.<\/font><\/p>\n<div class=\"958545b2ffe6a18f89c3ac8a7be9162a\" data-index=\"1\" style=\"float: none; margin:10px 0 10px 0; text-align:center;\">\n<script type=\"text\/javascript\"><!--\r\ngoogle_ad_client = \"pub-9849429965459928\";\r\n\/* Blog 234x60 texty, vytvo\u00c3\ufffd\u00ef\u00bf\u00bd\u00c3\u00af\u00c2\u00bf\u00c2\u00bd\u00c3\ufffd\u00c2\u00af\u00c3\ufffd\u00c2\u00bf\u00c3\ufffd\u00c2\u00bd\u00c3\ufffd\u00ef\u00bf\u00bd\u00c3\ufffd\u00c2\u00af\u00c3\ufffd\u00ef\u00bf\u00bd\u00c3\ufffd\u00c2\u00bf\u00c3\ufffd\u00ef\u00bf\u00bd\u00c3\ufffd\u00c2\u00bd\u00c3\ufffd\u00ef\u00bf\u00bd\u00c3\u00af\u00c2\u00bf\u00c2\u00bd\u00c3\ufffd\u00ef\u00bf\u00bd\u00c3\ufffd\u00c2\u00af\u00c3\ufffd\u00ef\u00bf\u00bd\u00c3\u00af\u00c2\u00bf\u00c2\u00bd\u00c3\ufffd\u00ef\u00bf\u00bd\u00c3\ufffd\u00c2\u00bf\u00c3\ufffd\u00ef\u00bf\u00bd\u00c3\u00af\u00c2\u00bf\u00c2\u00bd\u00c3\ufffd\u00ef\u00bf\u00bd\u00c3\ufffd\u00c2\u00bd\u00c3\ufffd\u00ef\u00bf\u00bd\u00c3\u00af\u00c2\u00bf\u00c2\u00bd\u00c3\ufffd\u00c2\u00af\u00c3\ufffd\u00c2\u00bf\u00c3\ufffd\u00c2\u00bd\u00c3\ufffd\u00ef\u00bf\u00bd\u00c3\u00af\u00c2\u00bf\u00c2\u00bd\u00c3\ufffd\u00ef\u00bf\u00bd\u00c3\ufffd\u00c2\u00af\u00c3\ufffd\u00ef\u00bf\u00bd\u00c3\u00af\u00c2\u00bf\u00c2\u00bd\u00c3\ufffd\u00c2\u00af\u00c3\ufffd\u00c2\u00bf\u00c3\ufffd\u00c2\u00bd\u00c3\ufffd\u00ef\u00bf\u00bd\u00c3\u00af\u00c2\u00bf\u00c2\u00bd\u00c3\ufffd\u00ef\u00bf\u00bd\u00c3\ufffd\u00c2\u00bf\u00c3\ufffd\u00ef\u00bf\u00bd\u00c3\u00af\u00c2\u00bf\u00c2\u00bd\u00c3\ufffd\u00c2\u00af\u00c3\ufffd\u00c2\u00bf\u00c3\ufffd\u00c2\u00bd\u00c3\ufffd\u00ef\u00bf\u00bd\u00c3\u00af\u00c2\u00bf\u00c2\u00bd\u00c3\ufffd\u00ef\u00bf\u00bd\u00c3\ufffd\u00c2\u00bd\u00c3\ufffd\u00ef\u00bf\u00bd\u00c3\u00af\u00c2\u00bf\u00c2\u00bd\u00c3\ufffd\u00c2\u00af\u00c3\ufffd\u00c2\u00bf\u00c3\ufffd\u00c2\u00bd\u00c3\ufffd\u00ef\u00bf\u00bd\u00c3\ufffd\u00c2\u00af\u00c3\ufffd\u00ef\u00bf\u00bd\u00c3\ufffd\u00c2\u00bf\u00c3\ufffd\u00ef\u00bf\u00bd\u00c3\ufffd\u00c2\u00bd\u00c3\ufffd\u00ef\u00bf\u00bd\u00c3\u00af\u00c2\u00bf\u00c2\u00bd\u00c3\ufffd\u00c2\u00af\u00c3\ufffd\u00c2\u00bf\u00c3\ufffd\u00c2\u00bd\u00c3\ufffd\u00ef\u00bf\u00bd\u00c3\u00af\u00c2\u00bf\u00c2\u00bd\u00c3\ufffd\u00ef\u00bf\u00bd\u00c3\ufffd\u00c2\u00af\u00c3\ufffd\u00ef\u00bf\u00bd\u00c3\u00af\u00c2\u00bf\u00c2\u00bd\u00c3\ufffd\u00c2\u00af\u00c3\ufffd\u00c2\u00bf\u00c3\ufffd\u00c2\u00bd\u00c3\ufffd\u00ef\u00bf\u00bd\u00c3\ufffd\u00c2\u00af\u00c3\ufffd\u00ef\u00bf\u00bd\u00c3\ufffd\u00c2\u00bf\u00c3\ufffd\u00ef\u00bf\u00bd\u00c3\ufffd\u00c2\u00bd\u00c3\ufffd\u00ef\u00bf\u00bd\u00c3\u00af\u00c2\u00bf\u00c2\u00bd\u00c3\ufffd\u00c2\u00af\u00c3\ufffd\u00c2\u00bf\u00c3\ufffd\u00c2\u00bd\u00c3\ufffd\u00ef\u00bf\u00bd\u00c3\u00af\u00c2\u00bf\u00c2\u00bd\u00c3\ufffd\u00ef\u00bf\u00bd\u00c3\ufffd\u00c2\u00bf\u00c3\ufffd\u00ef\u00bf\u00bd\u00c3\u00af\u00c2\u00bf\u00c2\u00bd\u00c3\ufffd\u00c2\u00af\u00c3\ufffd\u00c2\u00bf\u00c3\ufffd\u00c2\u00bd\u00c3\ufffd\u00ef\u00bf\u00bd\u00c3\ufffd\u00c2\u00af\u00c3\ufffd\u00ef\u00bf\u00bd\u00c3\ufffd\u00c2\u00bf\u00c3\ufffd\u00ef\u00bf\u00bd\u00c3\ufffd\u00c2\u00bd\u00c3\ufffd\u00ef\u00bf\u00bd\u00c3\u00af\u00c2\u00bf\u00c2\u00bd\u00c3\ufffd\u00c2\u00af\u00c3\ufffd\u00c2\u00bf\u00c3\ufffd\u00c2\u00bd\u00c3\ufffd\u00ef\u00bf\u00bd\u00c3\u00af\u00c2\u00bf\u00c2\u00bd\u00c3\ufffd\u00ef\u00bf\u00bd\u00c3\ufffd\u00c2\u00bdeno 10.1.11 *\/\r\ngoogle_ad_slot = \"1054435175\";\r\ngoogle_ad_width = 234;\r\ngoogle_ad_height = 60;\r\n\/\/-->\r\n<\/script>\r\n<script type=\"text\/javascript\"\r\nsrc=\"http:\/\/pagead2.googlesyndication.com\/pagead\/show_ads.js\">\r\n<\/script>\n<\/div>\n\n<div style=\"font-size: 0px; height: 0px; line-height: 0px; margin: 0; padding: 0; clear: both;\"><\/div>","protected":false},"excerpt":{"rendered":"<p>Doprogramoval jsem do tohoto kr&aacute;sn&eacute;&iacute;ho blogu videogalerii. Pot\u0159eboval jsem m&iacute;t nejenom datab&aacute;zi fotografi&iacute;, ale i&nbsp;videa. Bohu\u017eel to nebylo a\u017e tak jednoduch&eacute;, jak jsem si myslel. Cel&yacute; proces m\u011bl n\u011bkolik &uacute;skal&iacute;, kter&eacute; zde nast&iacute;n&iacute;m a pokus&iacute;m se i uk&aacute;zat vl&aacute;kna vedouc&iacute; k vy\u0159e&scaron;en&iacute; probl&eacute;mu: 1) upload soubor\u016f S uploadem soubor\u016f m&aacute;m sv&eacute; zku&scaron;enosti, tak\u017ee s t&iacute;m &hellip; <a href=\"http:\/\/6378.wms78.wedos.ws\/subdom\/blog\/videogalerie\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Videogalerie<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[64],"class_list":["post-94","post","type-post","status-publish","format-standard","hentry","category-uncategorized","tag-import-videa"],"_links":{"self":[{"href":"http:\/\/6378.wms78.wedos.ws\/subdom\/blog\/wp-json\/wp\/v2\/posts\/94","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/6378.wms78.wedos.ws\/subdom\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/6378.wms78.wedos.ws\/subdom\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/6378.wms78.wedos.ws\/subdom\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/6378.wms78.wedos.ws\/subdom\/blog\/wp-json\/wp\/v2\/comments?post=94"}],"version-history":[{"count":1,"href":"http:\/\/6378.wms78.wedos.ws\/subdom\/blog\/wp-json\/wp\/v2\/posts\/94\/revisions"}],"predecessor-version":[{"id":95,"href":"http:\/\/6378.wms78.wedos.ws\/subdom\/blog\/wp-json\/wp\/v2\/posts\/94\/revisions\/95"}],"wp:attachment":[{"href":"http:\/\/6378.wms78.wedos.ws\/subdom\/blog\/wp-json\/wp\/v2\/media?parent=94"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/6378.wms78.wedos.ws\/subdom\/blog\/wp-json\/wp\/v2\/categories?post=94"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/6378.wms78.wedos.ws\/subdom\/blog\/wp-json\/wp\/v2\/tags?post=94"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}