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

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>

9

<creator>Danzig</creator><title>Mother</title>

10

<location>http://www.bezzmedia.com/swfspot/resources/42-song2.mp3</location>

11

</track>

12

<track>

13

<creator>Iron Maiden</creator><title>Fear of the

Dark</title>

14

<location>http://www.bezzmedia.com/swfspot/resources/42-song3.mp3</location>

15

</track>

16

<track>

17

<creator>Social Distortion</creator><title>Ring of

Fire</title>

18

<location>http://www.bezzmedia.com/swfspot/resources/42-song4.mp3</location>

19

</track>

20

<track>

21

<creator>Iggy and the Stooges</creator><title>Search and Destroy</title>

22

<location>http://www.bezzmedia.com/swfspot/resources/42-song5.mp3</location>

23

</track>

24

<track>

25

<creator>Bouncing Souls</creator><title>True

Believers</title>

26

<location>http://www.bezzmedia.com/swfspot/resources/42-song6.mp3</location>

27

</track>

28

<track>

29

<creator>The Clash</creator><title>The Guns of

Brixton</title>

30

<location>http://www.bezzmedia.com/swfspot/resources/42-song7.mp3</location>

31

</track>

32

<track>

33

<creator>Dream Theater</creator><title>As I Am</title>

34

<location>http://www.bezzmedia.com/swfspot/resources/42-song8.mp3</location>

35

</track>

36

<track>

37

<creator>Dropkick Murphys</creator><title>Fortunate Son</title>

38

<location>http://www.bezzmedia.com/swfspot/resources/42-song9.mp3</location>

39

</track>

40

<track>

41

<creator>Megadeth</creator><title>Peace Sells</title>

42

<location>http://www.bezzmedia.com/swfspot/resources/42-song10.mp3</location>

43

</track>

44

<track>

45

<creator>Misfits</creator><title>Night of the Living Dead</title>

46

<location>http://www.bezzmedia.com/swfspot/resources/42-song11.mp3</location>

47

</track>

48

<track>

49

<creator>Flogging Molly</creator><title>Drunken

Lullabies</title>

50

<location>http://www.bezzmedia.com/swfspot/resources/42-song12.mp3</location>

51

</track>

52

</trackList>

53

</playlist>

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 cần chú ý

điều này nhé