» Poradna » Web a internet

Jak vyexportovat a zkomprimovat video na web

 |   |  Microsoft Windows 10 Chrome 79.0.3945.130

ZdravímUž delší dobu se snažím marně zjistit, jak vyexportovat a následně zkomprimovat video, které poté umístím na web. Jako grafik vytvořím video, které by se mělo zobrazovat při načtení homepage na celou stránku. Dále pak třeba příklad jiný: Mám stránku kde je dejme tomu 6 odstavců textu. U každého je obrázek a třeba u 2 je místo obrázku video. Tak a teď jde o to:1. Jak nastavit v after effects výstup videa a následně, jak ho zkomprimovat, abych to mohl dát na web. Ve většině případů mi je řečeno, že 6mb na video je moc.2. Jde mi o to, aby webové stránky byly dohledatelné a netrvalo dlouho než se vše načte a video bylo kvalitní. Na ne českých webech to vídám běžně, ale těm prý nejde o výše zmiňované.Nevím jestli se ptám dobře. Jde mi o to jak nastavit rozlišení, bitrate, klíčové snímky, jakou max velikost videa...je tam spousta věcí kterým nerozumím a nemám čas to někde študovat, už jsem s tím promarnil dost času.

Odpovědi na otázku

avatar
 | Microsoft Windows 10 Firefox 72.0

1) za automaticky prehravane video na webu by se melo trestat.2) 6mb je na video zoufale malo. Pokud myslis 6MB, tak je to na web moc (zeptej se kohokoli, kdo si plati bezne tarify mobilnich dat).3) video nijak zasadne nezkomrimujes. Normalni kodeky delaji vse pro to, aby video bylo co nejmensi. Nejlepsich uspor dosahnes zmensenim rozliseni. Ale tezko rict, jestli ti to pomuze.

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Microsoft Windows 10 Chrome 79.0.3945.130

6MB jsem myslel.

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Microsoft Windows 7 Firefox 72.0

1. záleží, co je to za video, jestli nějaká loop animace, tak by měla být co nejkratší a co nejmíň rušivá obecně, na základě toho si video vyexportovat tak, aby se vešlo aspoň do 3MB. Pokud to není animace, ale klasické video z kamery, tak tam se exportuje tak, aby nebyly vidět artefakty a video bylo rozmazané. Ostrost se tomu přidává optickým klamem, kdy přes video je png mřížky. Ideální formát na výstup je webm.2. základem je kvalitně napsaný web, který třeba na mobilních zařízeních video načítat vůbec nebude a pro vyhledávače je důležitá kostra dokumentu jako takového, video by vůbec neměl vidět, protože tam jde dneska v pohodě dosadit i pomocí CSS

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Microsoft Windows 10 Chrome 79.0.3945.130

Ty artefakty jsi trefil, ale to s tou mřížkou to slyším prvně. Zní to zajímavě

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Microsoft Windows 10 Chrome 79.0.3945.130

Ještě možná upřesním co nastavuji. formát souboru MP4formát videa H.264rychlost snímků 30cílový datový tok 10Maximální datový tok 12Vzdálenost klíčových snímků 72zvuk neexportuji (momentálně ho nepotřebuji)

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Android AppleMAC-Safari 5.0

Datový tok 10-12 čeho? A hlavně chybí délka smyčky videa? Jinak každopádně automaticky přehrávané video na stránkách je vážně na zabití, naštěstí nové verze prohlížečů už dokáží tohle automaticky blokovat. Velmi doporučuji se tomu vyhnout, protože to stejně brzy většině lidí hrát nebude.

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Microsoft Windows 10 Chrome 79.0.3945.130

Datový tok v Mb/s a co se týče té délky videa tak 10 sekund.

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Microsoft Windows 10 Chrome 79.0.3945.130

Pro představu něco podobného bych chtěl.https://www.robot-food.com/https://collaboratory.airforce.com/Přímo u těchto dvou stránek mi bylo řečeno, že se načítají velmi pomalu. (měřeno nějakým ultramegabůchvíčím softwarem)

Souhlasím  |  Nesouhlasím  |  Odpovědět
avatar
 | Microsoft Windows 10 Firefox 72.0

Ano, nacitaji se pomalu, mereno okometricky. Ta druha urcite, prvni jsem nezkousel.Sedim zrovna v KFC s notebookem a nacitani te druhe stranky je utrpeni, koukam na pulsekundove bloky videa s dvousekundovymi prestavkami mezi nimi.

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Microsoft Windows 10 Chrome 79.0.3945.130

no já sedím v práci a načítá se mi to mrknutím oka.

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Microsoft Windows 7 Firefox 72.0

1GB optika a je to pomalý jak prase, to máš prostě v cache. Ale ta armáda je příklad jak to nedělat. Celkově američani neumí stránky.

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Microsoft Windows XP Firefox 52.0

No a právě proto by všichni profesionální pachatelé webů měli povinně dostávat na práci co nejořezanější notebooky s Atomem, 4GB RAM a pididiskem emmc a k firmením serverům se připojovat přes nejzarušenější wifi, jaká půjde najít. Jednak jako trest za minulé hříchy, a druhak aby jim konečně došlo, co dělají normálním uživatelům všechny ty "nezbytně nutné" megatuny javascriptu.

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Microsoft Windows 10 Chrome 79.0.3945.130

Budu to brát na vědomí.

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Microsoft Windows 10 Chrome 79.0.3945.130

Dej to na Youtube a do stránky jako embed video. Pak to nebudeš muset řešit.

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Microsoft Windows 10 Chrome 79.0.3945.130

Pokuď je video do třiceti vteřin, tak tam nebudou reklamy viď. Nebo se mýlím?

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Microsoft Windows 10 Chrome 79.0.3945.130

Jako uploader toho videa si můžeš nastavit kde a jaký reklamy budou. Klidně i žádný. Ale jistý si nejsem. Používám blokovač reklam a video s YT reklamou jsem neviděl už několik let.

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Microsoft Windows 10 Chrome 79.0.3945.130

Tak zatím nevím jestli ty videa vůbec dávat na web. Vlastně to spíš vypadá, že je lepší je tam vůbec nedávat.

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Microsoft Windows 10 Firefox 68.0

Samozřejmě, automaticky spouštějící se video na úvodní stránce je fakt vopruz.

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Android AppleMAC-Safari 5.0

Videa tam klidně dej, to není problém, ale ať si je lidi spouštějí sami

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Microsoft Windows 10 Chrome 79.0.3945.130

Nemohl by jste mi někdo poslat nějakej příklad, nějakej odkaz webovek, kde to maj hezký, to video si spustí sám uživatel a vám se to líbí? Nemůžu najít nic takového.

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Android AppleMAC-Safari 5.0

Tak dobrým příkladem je třeba YouTube Každopádně jde o to, aby to video nějak souviselo s obsahem stránky. Potom návštěvník, který třeba z vyhledávače dojde na tvoji stránku a když zjistí, že odpovídá tomu, co vyhledával, tak je dost pravděpodobné, že si pustí i video. Plácnu, třeba typicky když někdo hledá návod ke hraní nějaké hry a dostane se na stránku, kde se o ní píše, tak si velmi pravděpodobně pustí i to video. Konkrétněji to asi popsat nejde, nenapadá mě žádná konkrétní stránka. Ale v principu jde o to, že tvoje stránka musí odpovídat tomu, co hledal a to video k tomu musí tématicky sedět. Určitě nedonutíš nikoho, aby si pouštěl video, které s obsahem stránky vůbec nekoresponduje. Třeba jak jsem psal, že někdo bude hledat web o nějaké hře, vyskočí mu tvoje stránka o hře a na ní bude kromě textu o hře video s roztomilými koťátky. To by si asi nepustil

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Microsoft Windows 10 Firefox 68.0
 |   |  Linux Firefox 72.0

Ze stranek, ktera spousteji videa (at uz jako reklamu nebo coby "umelecky" zamer) odchazim okamzite a navzdy.

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Microsoft Windows 10 Chrome 79.0.3945.130

OK, takže když to zkusím shrnout.Videa na stránkách ano.Automaticky přehrávaná videa ne.Formát videa webm.Video by nemělo přesahovat 3MB.Na mobilních zařízeních se video vůbec zobrazovat nebude.Američani neumí dělat stránky:)Video vkládat přes YouTube.Víc mě nenapadá.

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Microsoft Windows 7 Firefox 72.0

No ale ono se na všechno hodí něco jiného. Na fullscreen video se může hodit ten YT, ale zase to video by nemělo vůbec rušit. Nejlepší je udělat paralelní download toho videa přes JS nebo zvláštní CSS, který nebude zdržovat načítání stránky. V podstatě se místo videa první zobrazí obrázek (který bude i na mobilech) a na desktop prohlížečích se po načtení videa nahradí obrázek videem.Pokud chceš dělat jen dlaždice, kde bude jen v nějaké dlaždici video, to se vejde do 0.25MB kadžý. Opět, nahradit obrázek videem.Určitě webm formát. Kromě američanů neumí ještě stránky australani, tam dodávají ve velkém stránky kamarádi a možná platí i líp jak američani

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Android AppleMAC-Safari 5.0

Drobná korekce, pokud se to video nebude spouštět automaticky, tak už ti odpadá ten limit velikosti videa, protože se každý sám rozhodne podle svých datových možností, jestli si ho pustí nebo ne, tím pádem může jít nahoru i kvalita videa.

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Microsoft Windows 10 Chrome 79.0.3945.130

Teď jsem narazil na toto. načítá se to prý rychle a velikost je 3,9 MBhttps://www.h1.cz/(pozor pro všechny kdo nemají rádi, když se jim spustí video bez jejich interakce)

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Microsoft Windows 7 Firefox 72.0

Taky to mají udělané tak, jak jsem ti psal, první se načte tohle - https://www.h1.cz/assets/front/video/hp-her... a pak https://www.h1.cz/assets/front/video/hp-her... video kolem 3MB.A když jdeš přes mobil, žádný video. Přesně jak jsem ti psal, aspoň to vidíš v praxi

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Microsoft Windows 10 Chrome 79.0.3945.130

SUPER

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Microsoft Windows 10 Chrome 79.0.3945.130

Tak přímo na tom prvním odkazu (https://www.robot-food.com) jsou ta videa embedovaná přes placenou službu vimeo (https://player.vimeo.com/video/350929454). Ta je dostatečně dobře optimalizovaná, takže načítání a přehrávání je plynulé. Soudruzi z USAF to udělali tou horší cestou, kterou jsi chtěl jít taky (Video je prostá MP4, kterou přehrávají javascriptem, proto načítání tak dlouho trvá).

Souhlasím  |  Nesouhlasím  |  Odpovědět


Určitě si přečtěte

10 skrytých nastavení prohlížeče Google Chrome, která se můžou hodit

10 skrytých nastavení prohlížeče Google Chrome, která se můžou hodit

** Prohlížeč Google Chrome ukrývá mnoho zajímavých možností ** Našli jsme deset nejzajímavějších skrytých nastavení ** Můžete si například výrazně vylepšit práci s kartami

Karel Kilián | 18

USA rozdávají chudým dotované telefony s Androidem. Jsou z Číny a plné virů

USA rozdávají chudým dotované telefony s Androidem. Jsou z Číny a plné virů

** Chudí Američané mohou dosáhnout na dotovaný mobil ** Jeden takový rozdává třeba tamní Virgin Mobile ** Má to jeden háček. Je prošpikovaný malwarem

Jakub Čížek | 42

Chyba roku 2038 způsobí problémy, počítače dnes totiž stárnou příliš pomalu

Chyba roku 2038 způsobí problémy, počítače dnes totiž stárnou příliš pomalu

** Loni ajťáky vystrašilo přetečení GPS čítače týdnů ** Nemělo se stát vůbec nic, ale svět opět nebyl připravený ** Za 18 let nás ale čeká ještě něco mnohem většího

Jakub Čížek | 66

Šmírování kamerami Googlu: Koukněte, co šíleného se objevilo na Street View

Šmírování kamerami Googlu: Koukněte, co šíleného se objevilo na Street View

Google stále fotí celý svět do své služby Street View. A novodobou zábavou je hledat v mapách Googlu vtipné záběry. Podívejte se na výběr nejlepších!

redakce | 7

Chrome se naučí dokonale odkazovat. Jeho odpůrci bijí na poplach, prý je to bezpečnostní katastrofa

Chrome se naučí dokonale odkazovat. Jeho odpůrci bijí na poplach, prý je to bezpečnostní katastrofa

** Google zavádí techniku ScrollToTextFragment ** Umí vytvořit odkaz na konkrétní slovo na stránce ** Podle kritiků by to mohl být bezpečnostní problém

Jakub Čížek | 41



Aktuální číslo časopisu Computer

Megatest 12 bezdrátových sluchátek

Vyplatí se Apple z bazaru?

Test batohů pro notebooky

Vybíráme nejlepší sportovní hodinky