Ưu điểm của preloader trong bài này là khách truy cập chỉ phải chờ một lúc cho trình duyệt tải các ảnh đầu, trong lúc Flash play các ảnh đầu thì các ảnh sau tiếp tục được tải về và pla[r]
(1)Flash CS4 : Tìm hiểu Preloader
TTO - Áp dụng color effect để tạo slideshow (Phần lý thuyết bổ sung cho thực hành).
Nếu bạn truy cập Internet máy sử dụng đường truyền có tốc độ chậm, thơng thường bạn phải chờ lúc thấy đủ nội dung trang web cần xem Nếu trang web có sử dụng Flash, bạn thấy khung màu trắng xuất hiện, sau lúc thấy nội dung Flash lên khung
Để giúp cho người truy cập đỡ sốt ruột xem phải trang web có Flash mà phải chờ lâu, bạn sử dụng preloader
Preloader thường Movie Clip có kích thước thật nhỏ đặt keyframe đầu Flash document Do có kích thước nhỏ nên preloader tải chạy ngay, phần khác tác phẩm tải dần máy người xem
Trong thực hành trước, preloader bạn Movie Clip chứa vòng tròn xoay liên tục Như vậy, khách truy cập vào trang web chứa Flash bạn, preloader tải vịng trịn xoay liên tục để thơng báo cho khách biết tác phẩm tải Ưu điểm preloader khách truy cập phải chờ lúc cho trình duyệt tải ảnh đầu, lúc Flash play ảnh đầu ảnh sau tiếp tục tải play tiếp Bạn tạo preloader phức tạp thực hành có sử dụng actionscript sau
Khi bạn biên soạn Flash máy, nội dung Flash movie thu máy bạn nên bạn thấy kết mà khơng nhìn thấy hiệu ứng preloader:
Để thấy hiệu ứng preloader bạn chọn View > Simulate Download từ menu (hoặc phím tắt Ctrl+Enter):
(2)Simulate Download giúp bạn giả lập đường truyền có tốc độ thấp để thấy hình ảnh preloader hoạt động Khi bạn thấy vịng trịn preloader xoay liên tục, sau thấy hoạt động slideshow:
(3)Ngồi thơng số giả lập tốc độ đường truyền mặc định, bạn tự thiết lập thơng số thơng qua tùy chọn Customize… Bạn điền thông tin vào ô tương ứng Menu text Bit rate bấm nút OK để chấp nhận giá trị
(4)Trong ví dụ này, bên trái bạn có thơng tin sau đây:
- Dim: 320x240pixels: kích thước tác phẩm bạn tính theo pixel - Fr rate: 24.0 fr/sec: tốc độ hoạt động tác phẩm 24 khung hình/ giây - Size: 93 KB (95865 B): kích thước file chiếm ổ cứng
- Duration: 286 fr (11.9s): độ dài tác phẩm tính theo frame giây
- Preload: 332 fr(13.8s): tổng thời gian bạn phải chờ đến Flash bắt đầu play Giá trị thay đổi phụ thuộc vào tốc độ giả lập mà bạn chọn
- Bandwidth: 4800B/s (200B/fr): tốc độ đường truyền giả lập - Frame: 1: frame hành
- Loaded:46.9 % (0 frames): % liệu tải về, giá trị thay đổi liên tục xem Ở khung bên phải bạn thấy kích thước frame Ví dụ frame có kích thước khoảng 2KB, frame có kích thước khoảng 64KB Các frame có kích thước nhỏ Các frame có kích thước vượt vạch màu đỏ bị chậm lại tải lần đầu Trong ví dụ này, frame bị chậm lại tải về, kết bạn thấy preloader xoay liên tục Flash chạy đến Sau tải xong, Flash chạy qua frame đến frame sau, đồng thời tiếp tục tải frame khác
(5)Nếu bạn khơng nhìn thấy frame hình minh họa Đó tùy chọn Streaming Graph chọn trước đó: (chọn View > Streaming Graph từ menu)
(6)Tìm hiểu Bitmap Properties
Khi bạn bấm đúp vào biểu tượng bitmap Library, hôp thoại Bitmap Properties xuất hiện:
Bên trái hộp thoại khung Preview ảnh Nếu ảnh có kích cỡ lớn, bạn đưa chuột vào khung
Preview, chuột biến thành bàn tay bạn kéo chuột để chuyển đến vùng ảnh cần xem
Ở khu vực chứa thông tin ảnh:
Ô tên ảnh Library, bạn đổi tên cho phù hợp với nội dung ảnh
Phía tên đường dẫn chứa ảnh Tiếp đến ngày cập nhật, kích thước ảnh
MụcAllow smoothing: chọn mục giúp ảnh trông mượt Thông thường bạn không thay đổi kích cỡ ảnh (scale) khơng cần chọn mục Nếu có thay đổi kích cỡ để tạo animation nên chọn mục để giúp làm mượt vùng bị cưa hiệu ứng scale
Mục Compression: Chọn cách nén ảnh Có hai phương án:
(7)Nếu ảnh gốc dạng JPEG mục Use publish setting:80
1.2 Custom: thiết lập thông số nén theo ý bạn Bạn gỏ số vào ô Custom bấm nút Test để xem thử chất lượng ảnh khung Preview bên trái Kích thước ảnh sau nén thể dòng cuối hộp thoại bao gồm chất lượng nén, kích thước gốc kích thước sau nén Mục Enable deblocking xuất bạn chọn Custom xuất tác phẩm cho Flash Player 10 Khi nén cao (gía trị Custom nhỏ) chất lượng ảnh giảm xuất ô mờ ảnh Bạn chọn mục Enable deblocking để làm mượt ô này.
(8)Bấm nút Test để xem thử kết khung Preview xem kích thước file sau nén dịng cuối hộp thoại:
Bấm nút OK để chấp nhận thông số
Bấm nút Cancel để hủy bỏ thay đổi
Bấm nút Update để cập nhật ảnh bạn dùng Photoshop phần mềm đồ họa chỉnh sửa ảnh gốc
Bấm nút Import… để sử dụng ảnh thay cho ảnh hữu (như thực hành)
Bấm nút Test để xem thử kết khung Preview