Dodawanie zawartości wideo w programie Dreamweaver

HTML5 obsługuje znaczniki wideo i audio, które umożliwiają użytkownikom odtwarzanie plików wideo oraz plików dźwiękowych bez zewnętrznej wtyczki lub odtwarzacza. Program Dreamweaver dostarcza wskazówki do kodu, gdy dodajesz znaczniki wideo i audio.

Widok aktywny renderuje materiał wideo osadzany na stronie internetowej i wyświetla jego podgląd.

Więcej informacji: Wstawianie zawartości wideo HTML5 w programie Dreamweaver.

Wstawianie plików FLV

Wstawianie plików FLV

Filmy wideo można wstawiać na strony WWW, nie używając narzędzi programu Flash. W tym celu należy dysponować zakodowanym plikiem FLV.

Program Dreamweaver wstawia składnik SWF, który wyświetla plik FLV. Po otwarciu składnik wyświetla w przeglądarce wybrany plik FLV wraz z zestawem formantów odtwarzania.

Program Dreamweaver zapewnia następujące opcje dostarczania plików wideo FLV osobom odwiedzającym serwis:

Plik FLV jest pobierany na twardy dysk użytkownika odwiedzającego serwis, a dopiero potem odtwarzany. Jednak w przeciwieństwie do tradycyjnych metod typu "pobierz i odtwórz", pobieranie stopniowe umożliwia rozpoczęcie odtwarzania pliku wideo, zanim zakończy się pobieranie.

Dane wideo są przesyłane w postaci strumienia i odtwarzane na stronie internetowej po krótkim czasie buforowania, który gwarantuje płynne odtwarzanie. Aby włączyć obsługę strumieniowej transmisji wideo na stronach internetowych, użytkownik musi mieć dostęp do serwera multimediów Adobe® Flash® Media Server.

Przed wykorzystaniem pliku FLV w programie Dreamweaver należy go zakodować. Na stronach można umieszczać pliki wideo utworzone za pomocą dwóch rodzajów koderów-dekoderów (obiektów zapewniających kompresję i dekompresję): Sorenson Squeeze oraz On2.

Podobnie jak w przypadku zwykłych plików SWF, razem z plikiem FLV program Dreamweaver wstawia kod sprawdzający, czy użytkownik ma właściwą wersję programu Flash Player (to znaczy wersję pozwalającą odtwarzać dany pliki wideo). Jeśli użytkownik nie ma właściwej wersji, przeglądarka wyświetla zawartość zastępczą i monituje o zainstalowanie najnowszej wersji programu Flash Player.

Aby uzyskać więcej informacji o pracy z plikami wideo, odwiedź Centrum technologii wideo na stronie www.adobe.com/go/flv_devcenter_pl.

Wstawianie pliku FLV

Ustawianie opcji stopniowego pobierania wideo

W oknie dialogowym Wstaw FLV można ustawić opcje stopniowego pobierania pliku FLV umieszczonego na stronie internetowej.

Ustawianie opcji strumieniowej transmisji wideo

W oknie dialogowym Wstaw FLV można ustawić opcje strumieniowego pobierania treści wideo dla pliku FLV umieszczonego na stronie internetowej.

Edycja informacji dotyczących pobierania danych z programu Flash Player

Wstawiając na stronie plik FLV, program Dreamweaver wstawia również specjalny kod do sprawdzania, czy użytkownicy korzystają z poprawnej wersji programu Flash Player. Jeśli wersja użytkownika jest niepoprawna, na stronie pojawia się zawartość alternatywna, w tym specjalny monit o pobranie najnowszej wersji programu. Zawartość tę można zmienić w dowolnej chwili.

Opisana procedura stosuje się również do plików SWF.

Rozwiązywanie problemów z plikami FLV

Ta sekcja zawiera szczegółowe informacje o najczęstszych przyczynach problemów z plikami FLV.

Problemy z wyświetlaniem, spowodowane brakiem plików powiązanych

Kod generowany przez program Dreamweaver CS4 wykorzystuje — poza samym plikiem FLV — jeszcze cztery pliki zależne:

• swfobject_modified.js

• expressInstall.swf

• FLVPlayer_Progressive.swf

• Plik karnacji (np. Clear_Skin_1.swf)

Jak widać, w wersji programu Dreamweaver CS4 pojawiły się dwa nowe pliki zależne, których nie było w wersji Dreamweaver CS3.

Pierwsze dwa pliki (swfobject_modified.js i expressInstall.swf) są instalowane w folderze Scripts w katalogu głównym serwisu. Jeśli nie ma takiego folderu, program Dreamweaver go utworzy.

Kolejne dwa pliki (FLVPlayer_Progressive.swf oraz plik karnacji) są instalowane w tym samym folderze, co strona, w której osadzono plik FLV. Plik karnacji zawiera formanty umożliwiające sterowanie plikiem FLV. Jego nazwa zależy od karnacji wybranych w opcjach opisanych w Pomocy do programu Dreamweaver. Np. jeśli wybrano karnację Clear Skin, plik ten będzie nosił nazwę Clear_Skin_1.swf.

Wszystkie te cztery pliki zależne muszą zostać wysłane na serwer zdalny, aby umożliwić poprawne wyświetlanie pliku FLV.

Niewysłanie tych plików to najczęstsza przyczyna nieprawidłowego zachowania plików FLV na stronie WWW. Jeśli brakuje jednego z tych plików, na stronie może być widoczne białe pole.

Jeśli chcesz mieć pewność, że wszystkie pliki zależne zostały wysłane, użyj panelu Pliki w programie Dreamweaver, aby wysłać stronę, na której znajduje się plik FLV. Podczas wysyłania strony program Dreamweaver zapyta, czy wysłać pliki zależne (chyba że opcja ta została wyłączona). Kliknij przycisk Tak, aby wysłać pliki zależne.

Problemy z wyświetlaniem lokalnego podglądu stron

W programie Dreamweaver CS4 wprowadzono pewne aktualizacje zabezpieczeń, które uniemożliwiają przetestowanie strony z osadzonym plikiem FLV za pomocą polecenia Podgląd w przeglądarce. Aby wyświetlić taki podgląd, należy zdefiniować lokalny serwer testowy w definicji serwisu programu Dreamweaver i użyć go do wyświetlenia podglądu strony.

Na ogół serwer testowy jest potrzebny tylko wtedy, gdy tworzy się strony zawierające kod ASP, ColdFusion lub PHP (patrz Konfigurowanie komputera do programowania aplikacji). Jeśli tworzysz serwisy WWW, które używają tylko kodu HTML, a więc nie korzystasz z definicji serwera testowego, naciśnięcie klawisza F12 (Windows) lub Opt+F12 (Macintosh) spowoduje, że na ekranie pojawi się mieszanina formantów karnacji. Problem ten można obejść, definiując serwer testowy i używając go do wyświetlenia podglądu albo wysyłając pliki na serwer zdalny i wyświetlając je z tamtego serwera.

Inne przyczyny problemów z plikami FLV

• Jeśli występują problemy z wyświetleniem podglądu lokalnego, upewnij się, że opcja „Przeglądaj, używając pliku tymczasowego” w oknie Edycja > Preferencje > Podgląd w czasie rzeczywistym jest wyłączona.

• Upewnij się, że masz najnowszą wersję wtyczki FlashPlayer.

• Zachowaj ostrożność przy przenoszeniu plików i folderów poza programem Dreamweaver. Jeśli przeniesie się pliki lub foldery poza programem Dreamweaver, program ten nie będzie mógł zagwarantować poprawności ścieżek do plików powiązanych pliku FLV.

• Możesz tymczasowo zastąpić plik FLV, który sprawia problemy, sprawdzonym i działającym plikiem FLV. Jeśli takie zastąpienie wyeliminuje problem, to przyczyna problemu tkwi w oryginalnym pliku FLV, a nie w ustawieniach przeglądarki lub komputera.

Edycja lub usuwanie składnika wideo

Aby zmienić ustawienia wideo strony WWW, można zaznaczyć element zastępczy składnika wideo w oknie Dokument programu Dreamweaver i skorzystać z Inspektora właściwości. Inna metoda polega na usunięciu składnika wideo i ponownym wstawieniu go za pomocą polecenia Wstaw > HTML > Flash Video.

Edycja składnika FLV

Usuwanie składnika FLV

Dodawanie zawartości wideo (inne formaty)

Informacje o dodawaniu zawartości wideo, która nie została zapisana w plikach .flv podano w artykule Dodawanie pliku wideo (innego niż plik FLV). 

Dostępny jest również opis wstawiania zawartości wtyczek w programie Dreamweaver w celu odtwarzania w serwisie plików .mp3 lub filmów QuickTime.