16. Xử lý nhạc nền cho web Flash

Thứ Ba, 7 tháng 12, 2010

Âm nhạc là phần không thể thiếu trong một trang web flash, trong bài lab này sẽ hướng dẫn các bạn load một bài bài nhạc (*.Mp3, *.Wav,…) làm nhạc nền đồng thời tạo nút điều khiển cho bài nhạc đó.
Bước 1
Chuẩn bị file nhạc *.Mp3 hoặc *.Wav và lưu vào folder Sound.

Tạo file mới (Action script 2.0) à Ctrl + J (Modifyà Document) để định dạng tài liệu theo hình sau

Save file Flash với tên: sound.fla
Bước 2
Tạo một MovieClip psound minh họa nhac đang phát.

Ở góc dưới bên phải màn hình bạn nhập text: Sound và vẽ button canh đều như hình.

Chọn các hình tượng song nhạc à nhấn F8 à để chuyển thành MovieClip có tên psound, trên thanh Properties nhập Instance Name: psound.

Chọn button psound và nhấn Ctrl +E (Hoặc double click vào MovieClip psound) à Để tạo diễn hoạt.
Chọn 4 hình chữ nhật à Ctrl + Shift + D (Modify à Timeline à Distribute to layer) để chuyển mỗi hình lên 1 layer.
Chọn các khóa trên Timeline à Click phải à Chọn Create Classic Tween để tạo diễn hoạt cho các hình.

Tại Frame thứ 5, 10, 15, 20 à lần lược nhấn phím F6 tương ứng trên các layer để thêm Key Frame à Trên mỗi KeyFrame bạn chỉnh lại chiều cao của HCN tương ứng như hình minh họa.

Chọn Scene 1 để trở về màn hình chính.

Bước 3

Tạo một button ảo điều khiển MovieClip psound

Vẽ trên MovieClip 1 hình chữ nhật à F8 à Chọn button (name: b_playsound) à Double click vào nút à Chọn Frame Up à Click kéo sang Frame Hit để tạo nút áo. (Nút áo chỉ là vùng click chuột, không nhình thất trên màn hình).

Chọn Scene 1 để về màn hình chính à chọn nút ảo vừa tạo à đặt Instance name: b_play.

Trên Timeline, tạo một Layer mới đặt tên là Action à nhất F9 nhập code sau:

Bước 4

Viết code điều khiển âm thanh như sau.

Chèn âm thanh vào file flash:

Chọn File à Import à Import to Library à chọn file nhạc *.MP3.

Nhấn Ctrl + L, để mở thư việc à Click phải vào bài hát và chọn Properties và chọn các tham số như hình

Chọn Frame 1 trên layer Action à nhấn F9 à nhập thêm code như sau:

Giờ bạn hãy nhấn Ctrl + Enter để kiểm tra kết quả.

* Lưu ý :
- Vui lòng gõ tiếng Việt có dấu khi viết bình luận.
- Nội dung phải liên quan đến chủ đề bài viết.
- Không dùng lời lẽ khích bác, thô tục ảnh hưởng đến người khác.
- Không đặt link đến Blog/Web khác.