Přidání videa v aplikaci Dreamweaver

Kód HTML5 podporuje video a audiotagy, které umožňují uživatelům v prohlížeči přehrávat video a audiosoubory bez použití externího doplňku nebo přehrávače. Aplikace Dreamweaver podporuje pro přidávání video a audiotagů nápovědu při psaní kódu.

Video se otevře v živém zobrazení, které nabídne náhled videa vkládaného na webovou stránku.

Postup vkládání videa HTML5 naleznete v části Vkládání videí HTML5 v aplikaci Dreamweaver.

Vkládání souborů FLV

Vložit soubory FLV

Na webové stránky lze snadno přidat video FLV bez použití vývojového nástroje Flash. Abyste mohli začít, je nutné mít kódovaný soubor FLV.

Aplikace Dreamweaver vloží komponentu SWF, která zobrazuje soubor FLV při zobrazení v prohlížeči; tato komponenta zobrazuje vybraný soubor FLV spolu se sadou ovládacích prvků pro přehrávání.

Aplikace Dreamweaver nabízí následující možnosti zobrazení videa FLV návštěvníkům webového místa:

Stáhne soubor FLV na pevný disk návštěvníka webového místa a pak jej přehraje. Na rozdíl od tradičních metod přenosu videa typu „stáhnout a přehrát“ ale postupné stahování umožňuje přehrávání souboru videa ještě před dokončením stahování.

Načítá datový proud obsahu videa a přehrává jej na webové stránce po krátké době ukládání do vyrovnávací paměti, což zajišťuje plynulé přehrávání. Chcete-li na svých webových stránkách povolit datové proudy videa, musíte mít přístup k serveru Adobe® Flash® Media Server.

Abyste mohli s videem pracovat v aplikaci Dreamweaver, je nutné mít kódovaný soubor FLV. Můžete vkládat soubory videa vytvořené pomocí dvou druhů kodeků (technologií komprese/dekomprese): Sorenson Squeeze a On2.

Stejně jako u běžných souborů SWF aplikace Dreamweaver při vložení souboru FLV vloží kód, který zjistí, zda má uživatel správnou verzi aplikace Flash Player k zobrazení videa. Pokud uživatel správnou verzi nemá, na stránce se zobrazí alternativní obsah, který vyzve uživatele ke stažení nejnovější verze aplikace Flash Player.

Další informace o práci s videem najdete v technologickém centru Video Technology Center na adrese www.adobe.com/go/flv_devcenter_cz.

Vložení souboru FLV

Nastavení voleb postupného stahování videa

Pomocí dialogového okna Vložit soubor FLV můžete nastavit možnosti postupného stahování souboru FLV vloženého do webové stránky.

Nastavení voleb pro streamované video

Pomocí dialogového okna Vložit FLV můžete nastavit možnosti souboru streamovaného videa souboru FLV vloženého do webové stránky.

Úprava informací o stahování aplikace Flash Player

Při vložení souboru FLV do stránky vloží aplikace Dreamweaver kód, který zjišťuje, zda má uživatel správnou verzi aplikace Flash Player. Pokud ne, zobrazí se na stránce výchozí alternativní obsah, který uživatele vyzve ke stažení nejnovější verze. Tento alternativní obsah můžete kdykoli změnit.

Tento postup se vztahuje také na soubory SWF.

Odstraňování problémů v souborech FLV

V této části najdete podrobné informace o nejběžnějších příčinách potíží se soubory FLV.

Potíže se zobrazením kvůli nepřítomnosti souvisejících souborů

Kód vytvořený aplikací Dreamweaver CS4 a novější se odvíjí od čtyř závislých souborů, které se od samotného souboru FLV liší:

• swfobject_modified.js

• expressInstall.swf

• FLVPlayer_Progressive.swf

• Soubor se vzhledem (např. Clear_Skin_1.swf)

Je třeba si uvědomit, že aplikace Dreamweaver CS4 a novější nabízí v porovnání s aplikací Dreamweaver CS3 další dva závislé soubory.

První dva z těchto souborů (swfobject_modified.js a expressInstall.swf) jsou nainstalovány ve složce Scripts (skripty), která, pokud neexistuje, je aplikací Dreamweaver vytvořena v kořenové složce vašeho webu.

Druhé dva soubory (FLVPlayer_Progressive.swf a soubor se vzhledem) jsou nainstalovány ve stejné složce, kde se nachází stránka s vloženým souborem FLV. Soubor se vzhledem obsahuje ovládací prvky souboru FLV a jeho název závisí na vzhledu, který jste vybrali v nabídce popsané v nápovědě k aplikaci Dreamweaver. Pokud jste např. vybrali vzhled s názvem „Clear Skin“, bude se soubor jmenovat Clear_Skin_1.swf.

Všechny čtyři závislé soubory je třeba nahrát na vzdálený server, jinak se soubor FLV nezobrazí správně.

Pokud tuto podmínku opomenete, nebude ve většině případů možné soubor FLV na webové stránce správně přehrát. Chybí-li některý ze souborů, zobrazí se na vaší stránce „bílé pole“.

Aby bylo jisté, že jste nahráli všechny závislé soubory, nahrajte stránku obsahující soubor FLV pomocí panelu Soubory v aplikaci Dreamweaver. Při nahrávání stránky se vás aplikace Dreamweaver zeptá, zda chcete nahrát závislé soubory (pokud jste tuto funkci nedeaktivovali). Klepněte na tlačítko Ano a soubory nahrajte.

Potíže se zobrazením při lokálním zobrazení náhledu stránek

Kvůli bezpečnostním aktualizacím v aplikaci Dreamweaver CS4 není možné příkazem Náhled v prohlížeči zkontrolovat stránku s vloženým souborem FLV, pokud v nastavení Definice webu v aplikaci Dreamweaver nenastavíte místní testovací server a náhled stránky nezobrazíte pomocí něj.

Za běžných okolností je testovací server potřeba pouze při vytváření stránek pomocí ASP, ColdFusion nebo PHP (viz Nastavení počítače pro vývoj aplikací). Při vytváření webových stránek pouze v jazyce HTML bez nastaveného testovacího serveru můžete stiskem klávesy F12 (Windows) nebo Opt+F12 (Macintosh) vytvořit na obrazovce soupravu ovládacích prvků vzhledu. Možným řešením je buď definovat testovací server a s jeho pomocí zobrazit náhled stránky, nebo nahrát soubory na vzdálený server a zobrazit je tam.

Další možné příčiny potíží se soubory FLV

• Pokud máte potíže se zobrazením náhledu na místním počítači, ujistěte se, že je v nabídce Úpravy > Předvolby > Náhled v reálném čase odznačena možnost Náhled s použitím dočasného souboru.

• Ujistěte se, že vlastníte nejnovější zásuvný modul FlashPlayer

• Vyhněte se přesouvání souborů a složek vně aplikaci Dreamweaver. Při přesouvání souborů a složek vně aplikaci Dreamweaver nelze zaručit správnou cestu k souborům související se soubory FLV.

• Problémový soubor FLV můžete dočasně nahradit jiným, o kterém víte, že pracuje správně. Pokud tento náhradní soubor funguje, není problém v prohlížeči nebo počítači, ale v původním souboru FLV.

Úprava nebo odstranění komponenty FLV

Změňte nastavení videa na webové stránce výběrem vyhrazeného místa pro komponentu videa v okně dokumentu aplikace Dreamweaver a pomocí Inspektoru vlastností. Další možností je odstranění komponenty videa a její opětovné vložení pomocí nabídky Vložit > HTML > Video Flash.

Úprava komponenty FLV

Odstranění komponenty FLV

Přidání videa (jiné formáty)

Postup přidávání videí, která nejsou ve formátu FLV, najdete v části Přidání videa (ne FLV). 

Možná také budete chtít vědět, jak v aplikaci Dreamweaver vložit obsah zásuvného modulu, abyste mohli přehrávat soubory MP3 nebo videa Quicktime ve webovém místě aplikace Dreamweaver.