Ako používať YouTube, Vimeo a ďalšie online služby na hosťovanie videí v Dreamweaveri

Dizajnéri, ktorí práve začínajú používať Dreamweaver na integráciu multimédií do svojich výtvorov, by mali zjednodušiť používanie jednej z populárnych stránok na hosťovanie videa, ako sú YouTube alebo Vimeo. Tieto hostingové služby sa starajú o ukladanie, šírku pásma, kompresiu, formátovanie a doručovanie video aktív vašim používateľom.

Jediné, čo musíte urobiť, je nahrať svoje video súbory a potom zahrnúť špeciálny kód z tejto lokality do kódu HTML vašich webových stránok. Video sa prehráva na vašich stránkach, aj keď nie je hosťované na vašom webovom serveri.

Ak navrhujete stránku, ktorá obsahuje video, ktoré je dôverné, citlivé alebo používané na splnenie obchodných cieľov, pravdepodobne vám najlepšie poslúži sieť na doručovanie obsahu (CDN). Služby ako BrightCove, Akamai a webové služby Amazon sa nielen starajú o šírku pásma a doručovanie, ale ponúkajú aj možnosť prekódovania vašich videoklipov do správneho formátu, aby sa mohli bezproblémovo prehrávať na stolnom počítači, tablete a smartfóne.

YouTube je skvelá voľba, ak chcete, aby sa vaše video dostalo k najširšiemu publiku zadarmo, no vzdávate sa niektorých práv na svoje video výmenou za to, že ho budete hostiť na stránke. Podobne, keď na svoj web pridáte video zo služby YouTube, zostane vám prehrávač YouTube, ktorý obsahuje logo YouTube, ako aj reklamy, ktoré sa môžu zobraziť.

Nezabudnite si prečítať zmluvné podmienky na všetkých stránkach s videami, ktoré používate, aby ste plne porozumeli právam, ktoré môžete poskytnúť, a tomu, ako môže stránka v budúcnosti použiť vaše video.

Vimeo si získalo lojalitu rastúceho počtu profesionálov v oblasti videa, pretože ponúka profesionálnu úroveň služieb za rozumnú cenu, ktorá uľahčuje kontrolu práv na vaše vlastné videá a ponúka možnosť pridávať videá na vaše stránky bez loga Vimeo alebo odkazov na ďalšie videá na stránke.

Dnes sa zdá, že YouTube a Vimeo ponúkajú najlepšie možnosti pre väčšinu malých až stredne veľkých webových stránok, no objavujú sa konkurenti. Služby, ktoré tieto video spoločnosti ponúkajú, sa neustále menia, takže možno budete chcieť preskúmať najlepšie služby pre vaše potreby skôr, ako sa rozhodnete, kde budete svoje videá hostiť.

Medzi výhody hosťovania videa na stránkach ako YouTube alebo Vimeo patria:

  • Lepšia kompresia videa: YouTube aj Vimeo optimalizujú vaše video, keď ho nahrávate na ich servery, a často dosahujú lepšiu prácu, než by ste mohli vy sami.

  • Doručenie správnej verzie každému návštevníkovi: YouTube zistí rýchlosť pripojenia a zariadenie vašich návštevníkov a podľa toho doručí video. Ak navštívite YouTube s iPhone, uvidíte video vo formáte MP4. Pozrite si to isté video na počítači a uvidíte verziu Flash. Podobne, ak máte rýchle pripojenie 3G, uvidíte verziu s vyšším rozlíšením.

  • Správa nákladov na šírku pásma: Tieto služby vám môžu pomôcť ušetriť peniaze. Ak sa vaše videá stanú populárnymi a budete hosťovať svoje vlastné video, môžete prekročiť limity šírky pásma vášho webového hostiteľa a účtovať vám ďalšie poplatky. Keďže video využíva väčšiu šírku pásma ako iné typy obsahu, nadmerný obsah sa môže predražiť. Hostenie videa na YouTube alebo Vimeo znamená, že vás už nikdy neprekvapia extra poplatky za šírku pásma za video.

Hostenie videa na YouTube alebo Vimeo je jednoduché. Funguje to takto:

Vytvorte si účet na stránke vyplnením formulára (alebo sa prihláste do svojho účtu, ak ho už máte).

Ak chcete využívať služby na profesionálnej úrovni na Vimeo, musíte tiež zaplatiť poplatok.

Nahrajte svoje súbory na stránku prostredníctvom webového prehliadača.

V tomto procese sa video nahrá a zakóduje, čo môže trvať niekoľko minút v závislosti od lokality a jej vyťaženosti.

Postupujte podľa pokynov na skopírovaní kódu potrebného na vloženie videa na web.

Napríklad v službe YouTube kliknite na tlačidlo Vložiť, čím sa zobrazí dialógové okno, v ktorom môžete ovládať, ako sa video zobrazí vašim používateľom.

Ako používať YouTube, Vimeo a ďalšie online služby na hosťovanie videí v Dreamweaveri

Otvorte svoju webovú stránku v aplikácii Dreamweaver. V kóde HTML na stránke kliknite na miesto, kde sa má video zobraziť, a potom prilepte útržok kódu.

Použite rozdelené zobrazenie Dreamweaveru, aby ste uľahčili nájdenie správneho miesta na prilepenie kódu a uistite sa, že kód prilepíte do Dreamweaveru v zobrazení Kód, nie v zobrazení Návrh.


Ako použiť transparentnosť na SVG

Ako použiť transparentnosť na SVG

Zistite, ako použiť priehľadnosť na grafiku SVG v aplikácii Illustrator. Preskúmajte, ako vytlačiť SVG s priehľadným pozadím a použiť efekty priehľadnosti.

Práca s obrázkami v Adobe XD

Práca s obrázkami v Adobe XD

Po importovaní obrázkov do Adobe XD nemáte veľkú kontrolu nad úpravami, ale môžete meniť veľkosť a otáčať obrázky rovnako ako akýkoľvek iný tvar. Pomocou rohových miniaplikácií môžete tiež jednoducho zaobliť rohy importovaného obrázka. Maskovanie obrázkov Definovaním uzavretého tvaru […]

Ako upraviť vlastnosti textu v Adobe XD

Ako upraviť vlastnosti textu v Adobe XD

Keď máte v projekte Adobe XD text, môžete začať meniť vlastnosti textu. Medzi tieto vlastnosti patrí rodina písma, veľkosť písma, hrúbka písma, zarovnanie, medzera medzi znakmi (vyrovnávanie a sledovanie), riadkovanie (nadpis), výplň, orámovanie (ťah), tieň (tieň) a rozostrenie pozadia. Pozrime sa teda, ako sa tieto vlastnosti uplatňujú. O čitateľnosti a písme […]

Práca s umeleckými plátnami vo Photoshope CC

Práca s umeleckými plátnami vo Photoshope CC

Podobne ako v programe Adobe Illustrator, aj umelecké plátna Photoshopu poskytujú možnosť vytvárať samostatné stránky alebo obrazovky v rámci jedného dokumentu. To môže byť obzvlášť užitočné, ak vytvárate obrazovky pre mobilnú aplikáciu alebo malú brožúru. Artboard si môžete predstaviť ako špeciálny typ skupiny vrstiev vytvorenej pomocou panela Vrstvy. Jeho […]

Tvary a mnohouholníky v InDesigne

Tvary a mnohouholníky v InDesigne

Mnohé z nástrojov, ktoré nájdete na paneli Nástroje InDesignu, sa používajú na kreslenie čiar a tvarov na stránke, takže máte niekoľko rôznych spôsobov vytvárania zaujímavých kresieb pre svoje publikácie. V InDesigne môžete vytvárať čokoľvek od základných tvarov až po zložité kresby, namiesto toho, aby ste museli používať program na kreslenie, ako je […]

Zalamovanie textu v aplikácii Adobe Illustrator CC

Zalamovanie textu v aplikácii Adobe Illustrator CC

Zabalenie textu v aplikácii Adobe Illustrator CC nie je úplne to isté ako balenie darčeka – je to jednoduchšie! Zalomenie textu vynúti obtekanie textu okolo grafiky, ako je znázornené na tomto obrázku. Táto funkcia môže každému kúsku dodať kúsok kreativity. Grafika núti obtekať text. Najprv vytvorte […]

Ako zmeniť veľkosť tvarov v aplikácii Illustrator

Ako zmeniť veľkosť tvarov v aplikácii Illustrator

Pri navrhovaní v aplikácii Adobe Illustrator CC často potrebujete, aby mal tvar presnú veľkosť (napríklad 2 x 3 palce). Po vytvorení tvaru je najlepším spôsobom, ako zmeniť jeho veľkosť na presné rozmery, použiť panel Transformácia, ktorý je znázornený na tomto obrázku. Nechajte si vybrať objekt a potom zvoľte Okno→Transformovať na […]

Ako vytvoriť QR kódy v InDesign CC

Ako vytvoriť QR kódy v InDesign CC

InDesign môžete použiť na vytváranie a úpravu grafiky s kódom QR. QR kódy sú formou čiarového kódu, ktorý môže uchovávať informácie, ako sú slová, čísla, adresy URL alebo iné formy údajov. Používateľ naskenuje QR kód pomocou svojho fotoaparátu a softvéru na zariadení, ako je napríklad smartfón, a softvér využíva […]

Ako dosiahnuť, aby nová fotografia vyzerala staro vo Photoshope CS6

Ako dosiahnuť, aby nová fotografia vyzerala staro vo Photoshope CS6

Môže nastať čas, keď budete potrebovať novú fotografiu, aby vyzerala staro. Photoshop CS6 vám pomôže. Čiernobiela fotografia je novším fenoménom, než by ste si mysleli. Dagerotypie a iné rané fotografie mali často hnedastý alebo modrastý odtieň. Môžete si vytvoriť vlastné majstrovské diela v sépiovom tóne. Tónované obrázky môžu vytvárať […]

Funkcia Live Paint v Adobe CS5 Illustrator

Funkcia Live Paint v Adobe CS5 Illustrator

Pomocou funkcie Live Paint v aplikácii Adobe Creative Suite 5 (Adobe CS5) Illustrator môžete vytvoriť požadovaný obrázok a vyplniť oblasti farbou. Vedro Live Paint automaticky rozpozná oblasti zložené z nezávislých pretínajúcich sa ciest a podľa toho ich vyplní. Farba v danej oblasti zostáva živá a tečie automaticky, ak existuje […]