Flash - Tạo một máy Mp3 Player chạy cùng với XML (phần 2) pptx

Flash - Tạo một máy Mp3 Player chạy cùng với XML (phần 2) Nhấp chuột phải vào Movie này và chọn Edit: -Tại Layer 1 : + Convert hình chữ nhật vừa vẽ ở trên sang Movie Clip và điều chỉnh như sau : + Đặt Instance Name là volumeslider - Tại Layer 2 : + Các bạn một hình tam giác như sau : + Nhấp chuột phải vào Frame này và chọn Mask. - Trở lại Scence 1 và đặt Instance Name cho nó là volumebar Nút hiện thị vị trí thời gian ca khúc đang phát (progress slider) : - Sau khi vẽ xong, các bạn convert sang Movie Clip và điều chỉnh như sau : - Trở lại Scence 1 và đặt Instance Name cho nó là progressslider Thanh thời gian (progress bar) : - Sau khi vẽ xong, các bạn convert sang Movie Clip và điều chỉnh như sau : - Trở lại Scence 1 và đặt Instance Name là progressbar Thời gian của ca khúc (song time) : - Các bạn dùng công cụ Text Tools và điều chỉnh như sau : - Sau đó, vẽ một hình chữ nhật và đặt Instance Name cho nó là songtime Tên bài hát (song display) : - Các bạn tiếp tục dùng công cụ Text tools và giữ nguyên mặc định như trên rồi vẽ một hình chữ nhật. - Sau đó đặt Instance Name là songdisplay - Các bạn nhấp chọn nút Embed và chọn các dòng sau : Danh sách bài hát (playlist box) : - Các bạn vẽ một hình chữ nhật như sau rồi Convert sang Movie Clip : - Các bạn đặt Instance name cho nó là playlistbox và chúng ta bắt đầu vào làm việc với nó : Chúng ta bắt đầu vào làm việc với nó : - Tại Layer 2 : + Các bạn ấn Ctrl + F8 rồi ấn OK. Các bạn có thể bỏ trống và không cần vẽ gì vào cũng được + Trở lại, làm việc với Playlistbox, các bạn kéo thả phần movie vừa convert vào trang giấy như sau : - Tại Layer 3 : + Các bạn vẽ một hình chữ nhật bằng với hình chữ nhật ở Layer 1 + Nhấp chuột phải vào Layer 3 rồi chọn Mask Thanh trượt (scroll bar) : - Các bạn vẽ nút mũi tên đi lên và convert sang Button : - Đặt Instance Name cho nó là playlistscrollup - Các bạn vẽ nút mũi tên đi xuống và convert sang Button : - Đặt Instance Name cho nó là playlistscrolldown - Các bạn vẽ nút để kéo thả và Convert sang Movie Clip - Đặt Instance Name cho nó là playlistscroller - Các bạn vẽ một hình chữ nhật và convert sang Movie Clip : - Đặt Instance Name cho nó là playlistscrollbar Nút chọn bài hát (play list item) : - Ở Scence 1 , các bạn ấn Ctrl + F8 và điều chỉnh như sau : - Tại Layer 1 : + Các bạn vẽ một hình chữ nhật có chiều ngang bằng với danh sách rồi Convert sang Movie Clip + Đặt Instance Name cho nó là playlistitemhighlight + Sau đó, đưa đoạn mã sau vào Layer 1 : CODE 1. this.onPress = function() { _parent._parent._parent.loadSong(songindex); }; this.onRollOver = function() { if (songindex != _parent._parent._parent.curtrack) { playlistitemhighlight._alpha = 10; } }; this.onRollOut = function() { if (songindex != _parent._parent._parent.curtrack) { playlistitemhighlight._alpha = 4; } }; - Tại Layer 2 : + Các bạn dùng công cụ Text Tools và vẽ một hình chữ nhật bằng với hình chữ nhật ở Layer 1 + Các bạn đặt Instance Name là playlistitemtext + Click nút Embed và điều chỉnh như sau : Phần mã XML : CODE 1. <strong style="font-weight: normal;"><?xml version="1.0" encoding="UTF-8"?> </strong> 2. <playlist version="1" xmlns="http://xspf.org/ns/0/"> 3. <trackList> 4. <track> 5. <creator>Jim Carroll Band</creator><title>People Who Died</title> 6. <location>http://www.bezzmedia.com/swfspot/resources/42- song1.mp3</location> 7. </track> 8. <track> [...]... http://www.bezzmedia.com/swfspot/resources/42song11 .mp3 47 48 49 Flogging MollyDrunken Lullabies 50 http://www.bezzmedia.com/swfspot/resources/42song12 .mp3 51 52 53 Các bạn lưu file chứa đoạn mã này vào cùng với thư mục chứa File thực hành ở trên và đặt tên là playlist Đoạn mã vừa viết trên có định dạng mặc định là XML các bạn... http://www.bezzmedia.com/swfspot/resources/42song5 .mp3 23 24 25 Bouncing SoulsTrue Believers 26 http://www.bezzmedia.com/swfspot/resources/42song6 .mp3 27 28 29 The ClashThe Guns of Brixton 30 http://www.bezzmedia.com/swfspot/resources/42song7 .mp3 31 32 ... http://www.bezzmedia.com/swfspot/resources/42song8 .mp3 35 36 37 Dropkick MurphysFortunate Son 38 http://www.bezzmedia.com/swfspot/resources/42song9 .mp3 39 40 41 MegadethPeace Sells 42 http://www.bezzmedia.com/swfspot/resources/42song10 .mp3 43 44 ... http://www.bezzmedia.com/swfspot/resources/42song2 .mp3 11 12 13 Iron MaidenFear of the Dark 14 http://www.bezzmedia.com/swfspot/resources/42song3 .mp3 15 16 17 Social DistortionRing of Fire 18 http://www.bezzmedia.com/swfspot/resources/42song4 .mp3 19 20 . Flash - Tạo một máy Mp3 Player chạy cùng với XML (phần 2) Nhấp chuột phải vào Movie này và chọn Edit: -Tại Layer 1 : + Convert hình chữ nhật vừa. sau : - Trở lại Scence 1 và đặt Instance Name là progressbar Thời gian của ca khúc (song time) : - Các bạn dùng công cụ Text Tools và điều chỉnh như sau : - Sau đó, vẽ một hình chữ. (song display) : - Các bạn tiếp tục dùng công cụ Text tools và giữ nguyên mặc định như trên rồi vẽ một hình chữ nhật. - Sau đó đặt Instance Name là songdisplay - Các bạn nhấp chọn nút