Update Karaoke Với Zing Star Offline

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 o o

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

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 Screentoà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: T <slide>

http://localhost/image/zingstar1.jpg http://localhost/image/zingstar2.jpg -–-–-–-–-–-–-–-–http://localhost/image/zingstarN.jpg 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