Nowy komponent: Pełnoekranowy otwarzacz flv
Nasz nowy komponent odtwarzacza wideo FLV z trybem pełnoekranowym posiada większość funkcji dostępnych w komercyjnych odtwarzaczy wideo. Posiada tryb pełnoekranowy, podpowiedzi, opcje skalowania wideo, opcje kontekstowe dostępne po kliknięciu prawego klawisza myszy. Opcje dostosowywania umożliwiają bardzo łatwą personalizację wyglądu odtwarzacza .
Można zaimportować i zakodować nowy wideo do FLV bezpośrednio w SWiSH Max4 lub użyć istniejącego pliku FLV do tego komponentu.Opiszę obie metody poniżej. Na dole strony znajdą Państwo pełną listę dostępnych parametrów i metod ( funkcji) dla tego komponentu.
Komponent ten zostanie uwzględniony w przyszłym instalatora SWiSH Max4, ale teraz komponent można uzyskać z – OptimaFLV_v1_Component
Rozpakuj pliki do twojego foldera komponentów Max4. Zazwyczaj C:\Program Files\SWiSH Max4\components\Video Players\
Importowanie nowego wideo (np. avi) do tego komponentu
Możesz wybrać ten komponent w tym samym czasie, gdy importujesz pliki wideo w SWiSH Max4.
1. Użyj menu Wstaw i wybierz Importuj wideo.
2. W oknie dialogowym Import wideo skonfiguruj ustawienia w panelach Wideo i Audio.
3. W dolnej części okna dialogowego Import wideo obok Importuj jako wybierz opcję zewnętrzne FLV.
4. Następnie przejdź do zakładki ” Eksport FLV”.
5. W polu Kontrolki, wybierz odtwarzacz OptimaFLV_v1 w drzewku Odtwarzacze Wideo.
6. Jeżeli jesteś zadowolony z ustawień, naciśnij Import, aby rozpocząć kodowanie wideo.
Podczas korzystania z tej metody, ścieżka dostępu do pliku FLV będzie automatycznie ustawiona w parmatrze URL komponentu wraz z ustawieniem szerokości i wysokości.
WAŻNE: Wprowadzony Video URL jest bezwzględną ścieżką do pliku. Wskazuje na plik FLV na twoim komputerze. Ten adres URL NIE będzie działał po przesłaniu na serwer. Należy go zmienić na względny adres URL przed eksportem filmu.
na przykład
powinna zostać zmieniona na
Note: Uwaga: Gdy potrzebujesz informacji (lub przypomienia) o różnicach między ścieżką dostępu absolutną a relatywną, to ta strona może pomóc. Zwróć szczególną uwagę na Document Relative information.
Ważne: pliki FLV są ładowane relatywnie do położenia pliku SWF – nie pliku HTML Jeśli jesteś zdezorientowany, użyj ścieżki względnej-relatywnej, np.“video.flv” (jak pokazano na rysunku powyżej) i po prostu umieścić plik FLV w tym samym folderze co SWF.
Po zakończeniu kodowania, można wybrać komponent i dostosować go w panelu Parametry.
Korzystanie z istniejącego pliku FLV
By użyć istniejącego pliku FLV (który jest już zakodowany), wszystko, co musisz zrobić, to wybrać komponent OptimaFLV_v1 z panelu Komponenty .Następnie przeciągnij komponent na obszar roboczy i wyedytuj parametry.Pamiętaj, aby wprowadzić poprawną ścieżkę do pliku FLV w parametrze Video URL.
Korzystanie z powiadamiania o zdarzeniach
W sekcji Notification w panelu parametry komponentu, możesz określić funkcję zdarzeń, która odbierze zdarzenia od komponentu i ew. na nie zareaguje – Event Function. ta funkcja może być wprowadzona w głownym filmie/klipie zawierającym komponent. Kiedy film dobiega końca (tzn. gdy zakończy się odtwarzanie) będzie wywołać tę funkcję. Argumenty wysyłane będą zawierać nazwa komponentu i wartość prawda/fałsz – boolean true.
_parent.EventFunction(name, true);
Jako przykład, po dodaniu tego komponentu do filmu, Wybierz Scenę w panelu Konspekt (ang. Outline) i otwórz panel Skrypt. Dodaj kod:
function movieFinished(name, isDone) {
if (isDone) {
trace(name + " has finished playing");
}
}
Możesz użyć tego powiadamiania o zdarzeniach do wykonywania określonych działań, gdy film się kończy– takich jak załadunek nowego pliku FLV do komponetu lub otwarcie nowego adresu URL w oknie przeglądarki.
Wreszcie, w panelu Parametry komponentu, podaj nazwę funkcji w parametrze Event Function.
Używanie zdarzeń SWiSH Video
Komponent ten pozwala również używać zdarzeń opublikowanych w plikach FLV utworzonych w SWiSH Video3. Za każdym razem,gdy wideo dochodzi do określonego zdarzenia, wywoła funkcję svEventListener w swoim bazowym (lub _root) filmie (Poziom 0). Aby skorzystać z tych zdarzeń, wszystko, co musisz zrobić, to zdefiniować tę funkcję
function svEventListener(event) {
// Use the event for anything you want
trace("Event: " + event);
}
Nazwa zdarzenia (które określiłeś w SWiSH Video3) jest przekazywana do tej funkcji.
Eksportowanie plików HTML
W menu Plik wybierz Ustawienia eksportu, następnie HTML. Wybierz szablon default.swhtml i zaznacz parametr “allowFullScreen“. Gdy brakuje tego parametru, to zainstaluj i użyj szablonu fullscreen.swhtml opisanego w tym artykule.
Po wybraniu szablonu, przewiń do dołu parametrów i włącz opcję allowFullScreen.
Jeśli planujesz używanie / tworzenie własnych plików HTML dla SWF, to musisz się upewnić czy potrzebny kod HTML jest wstawiony. Aby to zrobić, należy dodać ręcznie parametr allowFullScreen .
W tagu <object>,Dodaj ten kod
<param name=”allowFullScreen” value=”true”>
I w końcu, wewnątrz tagu <embed>, Dodaj ten kod:
allowFullScreen="true"
Mam nadzieję, że spodoba się Państwu ten nowy komponent. Poniżej dodałem opis parametrów w celach informacyjnych.
Parametry
| Parametr | opis |
| Video Settings | Grupa: Ustawienia wideo dla FLV |
| Video URL | Ścieżka pliku wideo FLV ( względna lub bezwzględna ) |
| Video Width | Szerokość wideo FLV |
| Video Height | Wysokość wideo FLV |
| Auto-Play | Czy zacząć odtwarzanie wideo automatycznie bezpośrednio po buforowaniu. |
| When Complete | Zachowanie, gdy wideo zakończy odtwarzania. |
| Control Settings | Grupa: Ustawienia i opcje kontrolki wideo |
| Control Padding | Margines wokół kontrolek |
| Initial Volume | Początkowy poziom głośności wideo. |
| Auto-Hide Controls | Spowoduje to automatyczne ukrywanie kontrolek, gdy wykryto brak ruchu myszy lub gdy mysz nie jest na wideo |
| Button Display Settings | Grupa:Opcje wyświetlania różnych przycisków |
| Show Clock | Włącza zegar (czas, który upłynął/całkowity czas) on (włączony) lub off (wyłączony) |
| Show Start Button | Pokazuje większy przycisk odtwarzania w centrum wideo podczas wstrzymania lub zatrzymania |
| Show Volume | Pokazuje lub ukrywa kontrolkę głośności |
| Allow Fullscreen | Pokazuje lub ukrywa przycisk pełnego ekranu fullscreen |
| Control Color Settings | Goupa: Zmiany kolorów kontrolek |
| Icon Color | Kolor ikon przycisków |
| Background Color | Kolor tła kontrolek |
| Border Color | Kolor obramowania wokół kontrolek / przycisków |
| Clock Color | Kolor tekstu dla zegara |
| Use Rollover Glow | Czy ikony mają rozbłysku blasku po najeździe myszy |
| Glow Color | Kolor rozbłysku wokół ikon przycisk (jeśli wybrano powyżej) |
| Slider Color Settings | Grupa: Zmienia kolor suwaków w kontrolkach (suwak czasu, suwak głośności) |
| Track Color | Ustawia kolor suwaka czasu i głośności (tło) |
| Status Color | Ustawia kolor paska czasu w suwaku czasu i paska głoska głośności w kontyrolce głośności |
| Load Bar Color | Ustawia kolor paska loader w suwaku czasu (pokazuje, jak wiele z wideo zostało pobrane) |
| Tool Tip Settings | Grupa:Ustawienia podpowiedzi przycisków |
| Use Tooltips | Czy aby nie wyświetlać podpowiedzi do przycisków |
| Background Color | Kolor tła podpowiedzi |
| Border Color | Kolor ramki podpowiedzi |
| Alpha Level | Poziom przezroczystości podpowiedzi (0=transparent (przezroczysta), 100=opaque (nieprzezroczysta)) |
| Text Color | Kolor tekstu podpowiedzi |
| Notification | Grupa: Ustawienia powiadamiania o zdarzeniach |
| Event Function | Funkcja w osi czasu rodzica , która jest wywoływana po zakończeniu odtwarzania. |
Metody
| Metoda | opis |
| SetVideoSize(w,h) | Pozwoli to dopasować szerokość i wysokość obrazu. Zastosowanie: OptimaFLV.SetVideoSize(640,480); Spowoduje to ustawienie szerokości wideo na 640 i wysokości na 480. |
| LoadVideo(url, autoPlay, w, h) | Ta funkcja ładuje nowy film wideo FLV (określony przez argument adresu URL).Argument autoPlay zastępuje parametr autoPlay komponentu i opcjonalnie parametry width i height ustawiają rozmiar wideo. Zastosowanie: OptimaFLV.LoadVideo(“my-other-video.flv”, true, 300, 169); Spowoduje to załadowanie wideo “my-other-video.flv” i automatycznie odtworzenie. |
| StopVideo() | Ta funkcja zatrzymuje wideo i przewija go. |
| PlayVideo() | Funkcja ta wznawia odtwarzanie wideo. |
| PauseVideo() | Ta funkcja wstrzymuje wideo. |
| SeekTo(sec) | Skacze do danego markera czasu (w sekundach) określonego przez argument sec. Uzycie: OptimaFLV.SeekTo(5); // skacze do 5 sekundy Nota: Rzeczyste markery czasu są określone w odstępach klatek kluczowych w (keyframe intervals) w pliku FLV . Aby uzyskać najlepsze wyniki, należy ustawić interwał klatek kluczowych do małej ilości (1-2 sekund). |
| CloseVideo(hideControls) | Ta funkcja zamyka (wyładowuje) załadowany strumień wideo. Opcjonalny argument hideControls ukryje kontrolki wideo. Użycie: OptimaFLV.CloseVideo(true); |
| SetVideoVolume(#) | Funkcja ta umożliwia regulację poziomu głośności wideo. Zastosowanie: OptimaFLV.SetVideoVolume(60); |