UPDATE KARAOKE VỚI ZING STAR

OFFLINE

Được viết bởi Hai Lúa 64 Comments

Cập nhật lần cuối: 07/04/2009

Karaoke với Zing Star Offline có lẽ là bài viết mình ấn tượng nhất trong các lần viết lách.
Để đem được cái Zing Star Offline này về mình đã thất bại rất nhiều lần. Chủ yếu là vì kiến
thức còn non kém, trong đầu chả có một tí gì về PHP hay XML in Flash. Nhiều khi chán quá
bỏ cuộc nhưng lâu lâu lại lấy ra mò mẫm tiếp. Nhưng nhờ trời không phụ lòng người cộng
thêm may mắn mà mình tìm được một số điểm mấu chốt trong cách thức hoạt động của
Zing Star và thực hiện thành công cái dự án Zing Star Offline và mình có gởi cho LBVMVT
và được đăng. Làm xong cái Zing Star Offline đã quá mệt mỏi, lại phải đối mặt với hàng tá
thư phản hồi từ bạn đọc, vì cách thức hoạt động của Zing Star nên phần lớn cách thực hiện
mang tính thủ công, lại vì lý do hạn chế câu chữ trên mặt báo nên có một số bạn thực hiện
không được. Mình đã cố gắng trả lời hết cho các bạn. Sau một thời gian tạm lắng xuống,
tưởng mọi chuyện đã êm xuôi. Ai dè sau mấy ngày ăn giỗ vua Hùng vui vẻ, hồi sáng mở
hộp thư thì thấy một bạn đọc phản ánh cái Zing Star Offline bị lỗi hiển thị lời khi cập nhật
các bài hát mới. Mình tức tốc cưỡi con Firefox chạy thẳng tới nhà bác Zing Star Online xem
thế nào thì thấy bác đã thay áo mới, chắc là mấy hôm trước mặc đi ăn giỗ tổ Hùng Vương,
thấy đẹp quá nên mặc luôn chẳng thèm khoác cái áo cũ nữa. Chính vì thế các bạn cập nhật
bài hát mới sẽ bị lỗi hiển thị lời. Thất ra chuyện này cũng bình thường, dịch vụ trực tuyến
mà, nay thế này mai thế khác. Nhưng có một điều là hôm nay luôn tốt hơn hôm qua nhưng
không bằng ngày mai, Zing Star cũng thế. Điển hình là sự thay đổi lần này giao diện cái
máy hát dạng flash của Zing Star đẹp hơn có luôn cả hình nền chạy Slide Show như mấy cái
đầu Arirang mới tuyệt làm sao. Sau đây bài viết Karaoke với Zing Star Offline mình đã cập
nhật lại do sữ thay đổi của Zing Star:
Bài viết sẽ hướng dẫn các bạn cách đem các bài karaoke yêu thích tại Zing Star về máy tính
của mình để hát offline, thu âm và sau đó tải lên Zing Star để mọi người cùng nghe và đánh
giá…

Karaoke là sở thích của mọi người. Tuy nhiên để tiết kiệm trong thời buổi hiện nay nhiều
bạn chọn cho mình cách karaoke với chiếc máy tính. Hiện nay các dịch vụ hát karaoke
online đang nở rộ, nhưng không phải ai cũng có điều kiện kết nối Internet tại nhà. Ra ngoài
tiệm net công cộng để “rên” lại càng không được. Do đó cách duy nhất là đem các bài hát
karaoke online về nhà mà hát.

Zing Star (http://star.zing.vn) được đánh giá là một trang karaoke online rất được yêu thích
bởi có một giao diện đẹp, các bài nhạc đệm chất lượng khá tốt và có một kho dữ liệu lớn
luôn nhanh chóng cập nhật những bài nhạc được ưa chuộng nhất, đặc biệt là tính tương tác
với thành viên cao. Bài viết sau sẽ hướng dẫn các bạn cách đem các bài karaoke yêu thích
tại Zing Star về máy tính của mình hát offline, thu âm và tải lên Zing Star.

Không giống như các dịch vụ karaoke online khác, các thành phần của một file karaoke của
Zing Star như lời và nhạc đệm được bố trí riêng lẻ, một phần cũng vì chất lượng sẽ tốt hơn
so với khi gộp chung trong một file dạng flash duy nhất. Để phát được một bài karaoke,
trình duyệt web phải dùng trình player dạng flash truyền nhận dữ liệu với một tập tin PHP.
Do đó công việc đầu tiên ta phải xây dựng một server ảo có hỗ trợ PHP.

Bước 1 – tạo webserver hỗ trợ PHP

Để tạo server ảo có hỗ trợ PHP, bạn tải gói cài đặt AppServ tại địa chỉ
http://tinyurl.com/caidatserver. Đây là một chương trình đơn giản để mô phỏng các máy
chủ web như Apache, PHP, MySQL… trên nền hệ điều hành Windows. Khi cài Appserv
bạn phải đảm bảo máy bạn “sạch sẽ” tức là không có dính dáng gì tới server ảo ví dụ như
IIS hay PHP, nói chung là các trình giả lập server khác mà bạn đã cài đặt trên máy tính lúc
trước. Nếu như vậy có thể xảy ra xung đột làm trình Appserv sau khi cài xong thì không
hoạt động. Nếu đã yên tâm, bạn cứ cài đặt Appserv như một phần mềm thông thường, chú ý
tại bước đầu tiên trong mục lựa chọn thư mục cài đặt trên máy tính theo mặc định là
C:\AppServ bạn sửa lại thành D:\AppServ (vì đây là thư mục chứa nhiều dữ liệu sau này,
tránh tình trạng quá tải đối với ổ đĩa chứa hệ điều hành). Các bước sau bạn cứ để mặc định
các thiết lập và bấm Next cho đến khi kết thúc việc cài đặt. Sau khi cài đặt, các cửa sổ của
AppServ hiện ra, bạn cứ đóng nó lại mà không cần phải thiết lập gì vì đơn giản chúng ta chỉ
cần tạo ra môi trường có hỗ trợ PHP thôi. Bây giờ thì bật trình duyệt Internet Explorer lên
gõ vào thanh Address địa chỉ http://localhost, một trang mặc định của AppServ hiện ra cho
biết bạn đã cài đặt thành công:

Bước 2 – lập các thành phần của karaoke offline

Một ứng dụng offline cũng giống như online, nó cũng phải có đầy đủ các thành phần cần
thiết thì mới hoạt động được.

- Trước tiên bạn tải file nén KARAZING.rar tại địa chỉ:
http://www.mediafire.com/download.php?0emvc1yrijk

- Sau đó bạn chép file nén vừa tải về vào thư mục D:\AppServ\www (thư mục cài đặt
AppServ ở trên). Bấm chuột phải vào nó chọn Extract Here (bạn phải giải nén bằng cách
này, nếu bạn dùng cách khác có thể sẽ làm sai vị trí của các tập tin và thư mục bên trong).
Khi đó trong thư mục www xuất hiện thêm các thư mục khác như image, flash, includes,
data, karaoke, huongdan (chú ý bạn đừng đổi tên hoặc di chuyển các thư mục này).
- Trong thư mục huongdan có chứa trình cài đặt flash player ax cho Internet Explorer, bạn
nên cài trình flash player này để hỗ trợ duyệt flash cho IE.

Đến đây xem như bạn đã hoàn thành xong phần đem ứng dụng karaoke online của Zing Star
về máy tính của mình và biến nó thành ứng dụng offline. Việc làm còn lại là đem các bài hát
karaoke mà bạn yêu thích ở Zing Star về. Bước này gồm một số công đoạn mang tính thủ
công nhưng thực hiện rất dễ dàng.

Chú ý: Để biết bước 1 và 2 có thành công hay chưa, bạn mở thư mục karaoke lên trong đó
có hai bài mình cập nhật sẵn cho các bạn đó là bài Cầu Vồng Khuyết và Katy katy, nếu play
được thì bạn đã thành công, còn nếu không play được bạn xem lại bước 1 xem lúc cài
Appserv có vấn đề gì không, đặc biệt là các bạn sài Vista có thể đã vô tình block (nếu Vista
có hiện lên bảng thông báo thì nhớ Allow nó trong khi cài đặt). Thứ hai là bạn xem cách giải
nén có đúng cách chưa. Nếu đúng cách thì các bạn sẽ thấy các thư mục xuất hiện như hình
bên trên. Nếu vì lý do gì đó mà bạn thấy các thư mục như image, flash, includes, data,
karaoke, huongdan lại nằm trong một thư mục khác chẳng hạn như KARAZING thì bạn
phải di chuyển nó ra ngoài và đặt vào thư mục www như hình.

Bước 3 – cập nhật các bài hát karaoke

Mỗi bài karaoke ở Zing Star đều có một số id gồm 4 chữ số (có khi là 5 chữ số vì data của
Zing Star ngày càng lớn lên). Bạn có thể dễ dàng thấy số id của mỗi bài trên thanh Address
của trình duyệt phía sau tên bài hát (đừng nhầm với số id của các bài thu).
- Sau khi xác định số id của bài mình cần tải về, bạn dùng Internet Download Manager
(IDM) tải file chứa thông tin của bài karaoke theo đường dẫn dạng
http://star.zing.vn/includes/fnGetSongInfo.php?id=xxxx (với xxxx là số id của bài). Bạn sẽ
tải được một tập tin dạng web dạng *.htm có tên dạng fnGetSongInfo_xxxx.

- Sau đó mở file chứa thông tin bài hát vừa tải về này bằng trình duyệt web IE hay Firefox
đều được. Sau khi mở nó lên bạn chú ý 2 liên kết quan trọng, một liên kết có phần đuôi là
*.xml và một liên kết là *.jpg. như bài Katy katy bên dưới:

Lần lượt dán hai địa chỉ này vào khung Add URL của IDM để tải về máy. Bạn sẽ tải được
một tập tin xml chứa lời bài hát và tập tin jpg dung lượng khoảng vài MB chính là phần
nhạc đệm của bài karaoke.

- Một bài karaoke bao giờ cũng có đầy đủ 3 file như trên. Ví dụ như bài Katy katy bạn sẽ có
các file là fnGetSongInfo_3513.htm (file thông tin bài hát), KATHY KATHY.xml (file chứa
lời), KATHY KATHY.jpg (file nhạc đệm). Tên của các file này các bạn giữ nguyên đừng
thay đổi. Bây giờ bạn chép 3 file này vào thư mục data (D:\AppServ\www\data).

- Bước tiếp theo bạn phải thay đổi lại nội dung của tập tin chứa thông tin bài hát
(fnGetSongInfo_xxxx). Dùng Notepad mở nó lên, và sửa lại những chỗ sau:

o giữa hai thẻ <lyric>…/tên.xml</lyric> bạn sửa đường dẫn thành

<lyric>http://localhost/data/tên.xml</lyric>
o giữa hai thẻ <karaokelink>…/tên.jpg</karaokelink> bạn sửa đường dẫn thành
<karaokelink>http://localhost/data/tên.jpg</karaokelink>
o thẻ <skin>http://star.zing.vn/flash/</skin>, bạn sửa thành
<skin>http://localhost/flash/</skin>

Chú ý “tên” chính là tên bài hát bạn đừng sửa lại chi mắc công. Bạn chỉ sửa lại phần trước
“tên” thôi. Để cho nhanh bạn chỉ việc copy dòng http://localhost/data sau đó dùng chuột bôi
đen vùng cần sửa và paste cho nhanh. Sau đó lưu lại. Ví dụ như bài Katy Katy, xem sự khác
biệt trước và sau khi chỉnh sửa để hiểu hơn:
Tiếp theo, bạn truy cập vào thư mục D:\AppServ\www\includes sẽ thấy một file PHP, trình
duyệt sẽ dùng file này để nhận số id của bài hát và trỏ đến tập tin fnGetSongInfo_xxxx,
cung cấp dữ liệu cho trình flash player phát bài karaoke. Dùng Notepad mở nó lên và cập
nhật thông tin cho file này bằng cách thêm các dòng lệnh sau:

case ‘xxxx’: include “http://localhost/data/fnGetSongInfo_xxxx.htm”;

break;

Với xxxx là số id của bài hát mà bạn đã xác định ở trên. Cứ sao chép lại 2 dòng trên và sửa
lại chữ xxxx tương ứng với số id của bài mình cần cập nhật thôi. Ví dụ như file chứa thông
tin bài hát của bài Katy katy là fnGetSongInfo_3513, thì dòng lệnh cảu bạn là:

case ‘3513′: include “http://localhost/data/fnGetSongInfo_3513.htm”;

/>break;
Trong file PHP này đã cập nhật sẵn 3 bài hát, bạn cứ cập nhật tương tự như vậy cho các bài
khác.

- Công đoạn cuối cùng là tạo tập tin html để phát bài karaoke của bạn đã cập nhật (Các bài
viết trước mình dùng tập tin URL Shortcut, tuy nhiên nó không hỗ trợ chế độ Full Screen-
toàn màn hình khi hát karaoke). Truy cập vào thư mục D:\AppServ\www \karaoke. Dùng
chuột chọn một file bất kỳ trong 3 file có sẵn và nhấn Ctrl+C rồi Ctrl+V. Sau đó bạn bấm
chuột phải vào nó chọn Open With>Notepad, sửa lại số id nằm phía sau chữ song_id: thành
số id tương ứng với số id của bài karaoke (xem hình minh họa). Sau đó lưu lại và đổi tên tập
tin html sau khi sửa này thành tên bài karaoke mà bạn cập nhật:

Vậy là đến đây bạn đã kết thúc công đoạn cập nhật bài karaoke của mình. Để phát một bài
karaoke nào đó đã cập nhật, bạn mở URL Shortcut nằm trong thư mục karaoke. Khi đó một
màn hình karaoke đẹp mắt của Zing Star hiện ra giống như trình karaoke online của Zing
Star. Để có một bài thu có chất lượng tốt bạn nên tùy chỉnh lại các thông số của micro và tai
nghe (hướng dẫn này nằm trong thư mục huongdan) và chọn một chương trình ghi âm
chuyên dụng như Adobe Audition chẳng hạn.

Còn đây là file hướng dẫn cập nhật bằng Video: Các bạn tải file video (xem Full Screen sẽ
rõ hơn) này về từ địa chỉ: http://www.mediafire.com/download.php?id4zt24jgtj (dung
lượng 5.43Mb, file wmv)

Thay đổi ảnh nền Slide Show khi hát Karaoke

Đây là tính năng mình thích nhất trong sự thay đổi của Zing Star, cái máy phát karaoke của
Zing Star đã có chức năng chạy Slide Show ảnh. Để thay đổi các ảnh nền mặc định của Zing
Star bạn chỉ cần truy cập vào thư mục image (D:\AppServ\www\image) và thay đổi các bức
ảnh có sẵn thành ảnh của bạn. Điều kiện của các bức ảnh là dạng jpg, kích thức 470×261,
đặt tên theo thứ tự từ zingstar1 đến zingstar10. Ngoài ra bạn có thể tùy biến Slide Show ảnh
này theo ý mình bằng cách vào thư mục flash và dùng Notepad mở file slide.xml lên các
bạn sẽ thấy cấu trúc của nó như sau:

<?xml version=”1.0″ encoding=”utf-8″?>

<data>
<time>T</time>
<slide>
<image>http://localhost/image/zingstar1.jpg</image>
<image>http://localhost/image/zingstar2.jpg</image>

-–-–-–-–-–-–-–-–-
<image>http://localhost/image/zingstarN.jpg</image>
</slide>
</data>

Thật ra cái slide show này các bạn thêm bao nhiêu bức ảnh cũng được (hơi nó quá, nhưng về
lý thuyết là vậy), chứ không nhất thiết là 10 tấm như mình đề cập. Trong đó N là số bức ảnh
bạn có trong thư mục image, các bức ảnh được đánh số từ zingstar1.jpg đến zingstarN.jpg.
Còn T là thời gian tính bằng giây để phát mỗi bức ảnh, bạn để khoảng 5 hoặc 10 tùy bạn.

Upload bài thu lên Zing Star

Bài hát của bạn sau khi đã thu xong, bạn có thể tải lên Zing Star để các thành viên khác bình
chọn và đánh giá. Để làm việc này bạn truy cập vào trang http://star.zing.vn đăng ký cho
mình một tài khoản miễn phí và đăng nhập vào Zing Star. Sau đó bạn bấm vào liên kết
Thông tin cá nhân nằm phía trên cùng của trang web. Tại bảng điều khiển bạn chọn Upload
bài thu tại mục Thông tin bài thu, sau đó làm theo hướng dẫn và chờ cho Zing Star duyệt bài
thu này. Như vậy là bài thu của bạn chẳng khác nào bài thu trực tuyến mà chất lượng thì tốt
hơn cách thu trực tiếp trên Zing Star do đã được thu âm và biên tập một cách chuyên nghiệp
hơn.

NGUYỄN VĂN PHÚC