FLV Oynatma Özel Kullanıcı Arabirimi bileşenleri için ayrı ayrı kaplama oluşturma

Button bileşenleri de benzer bir yapıya sahiptir. Bu düğmeler arasında BackButton, ForwardButton, MuteButton, PauseButton, PlayButton, PlayPauseButton ve StopButton yer alır. Bunların çoğu, placeholder_mc örnek adıyla Kare 1'de tek bir film klibi içerir. Bu genellikle düğme için normal bir durum örneğidir ancak böyle olmak zorunda değildir. Kare 2'de, her görüntüleme durumu için Sahne Alanı'nda dört film klibi vardır: normal, üzerinde, basılmış ve devre dışı. (Çalışma zamanında bileşen asla gerçekten Kare 2'ye gitmez; bu film klipleri düzenleme işlemini daha kolay hale getirmek ve Sembol Özellikleri iletişim kutusunda Birinci karede Dışa Aktar onay kutusu seçilmeden SWF dosyasına yüklenmeye zorlamak için buraya yerleştirilir. Ancak ActionScript için Dışa Aktar seçeneğini seçmeniz gerekir.)

Düğme için kaplama oluşturmak üzere bu film kliplerinin her birini düzenlemeniz yeterlidir. Bunların görünümlerinin yanı sıra boyutlarını da değiştirebilirsiniz.

Bazı ActionScript'ler genellikle Kare 1'de görüntülenir. Bu komut dosyasını değiştirmemeniz gerekir. Bu, Kare 1'de oynatma kafasını durdurur ve hangi durum için hangi film klibinin kullanılacağını belirtir.

Buffering bar bileşeni basittir: Bileşen arabelleğe alma durumuna girdiğinde görünür hale gelen bir animasyon içerir ve konfigüre edilmesi için özel bir ActionScript gerektirmez. Varsayılan olarak bu, “şeritli direk” etkisi vermek için üzerindeki dikdörtgen maskeyle soldan sağa taşınan çizgili bir çubuktur ancak bu konfigürasyonla ilgili özel bir şey yoktur.

Çalışma zamanında ölçeklenmesi gerektiğinden kaplama SWF dosyalarındaki arabelleğe alma çubukları 9 dilimli ölçekleme kullansa da, BufferingBar FLV Özel Kullanıcı Arabirimi Bileşeni yuvalanmış film klipleri içerdiğinden 9 dilimli ölçeklemeyi kullanmaz ve kullanamaz . BufferingBar öğesini daha geniş veya uzun hale getirmek istiyorsanız, ölçeklemek yerine bu öğenin içeriklerini değiştirebilirsiniz.

SeekBar ve VolumeBar bileşenleri farklı işlevlere sahip olsa da, birbirine benzer. Her birinin tutamacı vardır, her biri aynı tutamaç izleme mekanizmalarını kullanır ve ilerleme ve tamlık düzeyini izlemek üzere içinde yuvalanmış klipler için destek içerir.

FLVPlayback bileşenindeki ActionScript kodunun, SeekBar veya VolumeBar bileşeninizin kayıt noktasının (ayrıca origin point veya zero point ) içeriğin sol üst köşesinde olduğunu varsaydığı birçok yer vardır, bu nedenle bu kuralın korunması önemlidir. Aksi takdirde, tutamaçlarla ve ilerleme ve tamlık film klipleriyle ilgili sorun yaşayabilirsiniz.

Çalışma zamanında ölçeklenmesi gerektiğinden kaplama SWF dosyalarındaki arama çubukları 9 dilimli ölçekleme kullansa da, SeekBar FLV Özel Kullanıcı Arabirimi bileşeni yuvalanmış film klipleri içerdiğinden 9 dilimli ölçeklemeyi kullanmaz ve kullanamaz . SeekBar öğesini daha geniş veya uzun hale getirmek istiyorsanız, ölçeklemek yerine bu öğenin içeriklerini değiştirebilirsiniz.

stop(); 
handleLinkageID = "SeekBarHandle"; 
handleLeftMargin = 2; 
handleRightMargin = 2; 
handleY = 11;

Özel Kullanıcı Arabirimi bileşenlerini FLVPlayback bileşeniyle aynı Zaman Çizelgesi'ne ve kareye koyarsanız ve skin özelliğini ayarlamadıysanız, FLVPlayback herhangi bir ActionScript gerekmeden bunlara otomatik olarak bağlanır.

Sahne Alanı'nda birden çok FLVPlayback bileşeni varsa veya özel denetim ve FLVPlayback aynı Zaman Çizelgesi'nde değilse, Özel Kullanıcı Arabirimi bileşenlerinizi FLVPlayback bileşeninizin örneğine bağlamak için ActionScript kodu yazmanız gerekir. Öncelikle FLVPlayback örneğine bir ad atayın ve sonra FLV Oynatma Özel Kullanıcı Arabirimi bileşeni örneklerini karşılık gelen FLVPlayback özelliklerine atamak için ActionScript kullanın. Şu örnekte, FLVPlayback örneği my_FLVPlybk olur, FLVPlayback özellik adları noktalardan (.) sonra gelir ve FLV Oynatma Özel Kullanıcı Arabirimi denetimi örnekleri de eşittir (=) işaretlerinin sağındadır:

//FLVPlayback instance = my_FLVPlybk 
my_FLVPlybk.playButton = playbtn; // set playButton prop. to playbtn, etc. 
my_FLVPlybk.pauseButton = pausebtn; 
my_FLVPlybk.playPauseButton = playpausebtn; 
my_FLVPlybk.stopButton = stopbtn;  
my_FLVPlybk.muteButton = mutebtn; 
my_FLVPlybk.backButton = backbtn; 
my_FLVPlybk.forwardButton = forbtn; 
my_FLVPlybk.volumeBar = volbar; 
my_FLVPlybk.seekBar = seekbar; 
my_FLVPlybk.bufferingBar = bufbar; 

Şu adımlar uygulandığında StopButton, PlayPauseButton, MuteButton ve SeekBar denetimleri oluşturulur:

1. FLVPlayback bileşenini Sahne Alanı'na sürükleyin ve bu bileşene my_FLVPlybk örnek adını verin.

2. Bileşen denetçisi üzerinden source parametresini http://www.helpexamples.com/flash/video/cuepoints.flv olarak ayarlayın.

3. Skin parametresini None olarak ayarlayın.

4. StopButton, PlayPauseButton ve MuteButton öğesini Sahne Alanı'na sürükleyip FLVPlayback örneğinin üzerine yerleştirin, ardından sola dikey olarak yığın. Özellik denetçisinde düğmelerin her birine bir örnek adı verin (örn. my_stopbttn , my_plypausbttn ve my_mutebttn ).

5. Kütüphane panelinde FLVPlayback Kaplamaları klasörünü ve sonra bu klasörün aşağısındaki SquareButton klasörünü açın.

6. SquareBgDown film klibini seçin ve Sahne Alanı'nda açmak için çift tıklatın.

7. Sağ tıklatın (Windows) veya Control tuşunu basılı tutarak tıklatın (Macintosh), menüden Tümünü Seç öğesini seçin ve sembolü silin.

8. Oval aracını seçin, aynı konuma bir oval çizin ve dolguyu mavi ( #0033FF ) olarak ayarlayın.

9. Özellik denetçisinde genişliği (W:) 40 değerine ve yüksekliği de (H:) 20 değerine ayarlayın. x koordinatını (X:) 0,0 değerine ve y koordinatını (Y:) 0,0 değerine ayarlayın.

10. SquareBgNormal için 6 ile 8 arasındaki adımları yineleyin, ancak dolguyu sarı ( #FFFF00 ) olarak ayarlayın.

11. SquareBgOver için 6 ile 8 arasındaki adımları yineleyin, ancak dolguyu yeşil ( #006600 ) olarak ayarlayın.

12. Düğmeler içindeki çeşitli sembol simgelerinin film kliplerini düzenleyin (PauseIcon, PlayIcon, MuteOnIcon, MuteOffIcon ve StopIcon). Bu film kliplerini FLV Playback Skins/ Etiket Button/Assets konumundaki Kütüphane panelinde bulabilirsiniz; burada Etiket düğmenin adıdır, örn. Oynat/Çal, Duraklat, vb. Her biri içinşu adımları uygulayın:

    1. Tümünü Seç seçeneğini belirleyin.

    2. Rengi kırmızı ( #FF0000 ) olarak ayarlayın.

    3. %300 ölçekleyin.

    4. Her düğme durumunda simgenin yatay yerleşimini değiştirmek için içeriğin X: konumunu 7.0 değerine getirin.

       Not: Konumu bu şekilde değiştirerek her düğme durumunun açılmasını ve simge film klibi örneğinin taşınmasını önlersiniz.

13. Sahne 1, Kare 1'e geri dönmek için Zaman Çizelgesi'nin yukarısındaki mavi Geri okunu tıklatın.

14. SeekBar bileşenini Sahne Alanı'na sürükleyip FLVPlayback örneğinin sağ alt köşesine yerleştirin.

15. Kütüphane panelinde, SeekBar öğesini Sahne Alanı'nda açmak için çift tıklatın.

16. %400 ölçekleyin.

17. Anahattı seçin ve rengi kırmızı ( #FF0000 ) olarak ayarlayın.

18. FLVPlayback Skins/Seek Bar klasöründe SeekBarProgress öğesini çift tıklatın ve rengi sarı ( #FFFF00 ) olarak ayarlayın.

19. FLVPlayback Skins/Seek Bar klasöründe SeekBarHandle öğesini çift tıklatın ve rengi kırmızı ( #FF0000 ) olarak ayarlayın.

20. Sahne 1, Kare 1'e geri dönmek için Zaman Çizelgesi'nin yukarısındaki mavi Geri okunu tıklatın.

21. Sahne Alanı'nda SeekBar örneğini seçin ve bu örneğe my_seekbar örnek adını verin.

22. Zaman Çizelgesi'nin Kare 1'indeki Eylemler panelinde, video sınıfları için bir içe aktarma ifadesi ekleyin ve aşağıdaki örnekte gösterildiği gibi, karşılık gelen FLVPlayback özelliklerine düğme ve arama çubuğu adlarını atayın:

    import fl.video.*; 
    my_FLVPlybk.stopButton = my_stopbttn; 
    my_FLVPlybk.playPauseButton = my_plypausbttn; 
    my_FLVPlybk.muteButton = my_mutebttn; 
    my_FLVPlybk.seekBar = my_seekbar;

23. Filmi test etmek için Control+Enter tuşlarına basın