Mang sáng tạo của bạn vào các dịch vụ Karaoke trực tuyến

Nhắc đến các dịch vụ karaoke trực tuyến thuần Việt chắc hẳn phải kể đến Zing Star (http://star.zing.vn). Ai đã từng đến với Zing Star đều bị thuyết phục bởi sự chuyên nghiệp của một trang karaoke online, số lượng các bài "beat" cực lớn có chất lượng cao luôn nhanh chóng cập nhật các bài hát "hot" nhất, giao diện đẹp, khá bắt mắt và đặc biệt là khả năng tương tác giữa các thành viên cao.

Bài viết dưới đây sẽ giới thiệu đến các bạn cách cá nhân hóa bài karaoke tại zing star theo sở thích của mình như thay đổi ảnh nền trình diễn bằng các ảnh hay file flash của bạn, “chế” lời cho bài hát và có thể dễ dàng chia sẻ với bạn bè tác phẩm “made in tự tui” trong dịp hè này.

Trước tiên xin nói sơ lược về cách thức hoạt động của chương trình karaoke của Zing Star. Ở màn hình mà người dùng nhìn vào để hát thực chất là một file flash, khi người dùng truy cập đến một bài hát, file flash này sẽ nhận được số id của bài hát đó và sẽ truy cập đến các thành phần của bài hát cần phát bằng cách truyền số id đến một file PHP (fnGetSongInfo.php), file PHP này dựa vào số id nhận được sẽ chỉ cho file flash trỏ đến một file khác có chứa các liên kết đến các thành phần cơ bản của bài karaoke đó là phần nhạc đệm và lời. Cuối cùng file flash nhận dữ liệu và phát bài karaoke. Về nguyên tắc để tùy biến được Zing Star đó là chúng ta tạo một bản sao của nó và chỉnh sửa lại theo ý mình.

Sau đây là các bước thực hiện:

1. Giả lập Zing Star

Để tạo một bài hát karaoke online bạn phải có một web hosting có hỗ trợ PHP. Bạn có thể đăng ký một hosting miễn phí có hỗ trợ PHP tại một trang rất uy tín đó là http://byethost.com. Sau khi đăng ký bạn sẽ được cung cấp một hosting và tên miền để truy cập ví dụ như: http://tencuaban.com.

Tiếp theo bạn tải file ZingStar.zip tại http://www.mediafire.com/?bmnea0m2mjy. Sau khi giải nén bạn sẽ thấy các thư mục như image, includes, karaoke, đây là các thành phần cơ bản của chương trình karaoke Zing Star. Trước khi upload các thành phần này lên hosting bạn đã đăng ký, bạn phải sửa lại một số chỗ như sau:

- Vào thư mục includes\skins, sau đó dùng Notepad mở file slide.xml, tiếp theo bấm tổ hợp phím Ctrl+H để gọi hộp thoại thay thế, bạn sẽ thay thế tất cả cụm từ có chứa http://localhost bẳng tên miền bạn đã đăng ký là http://tencuaban.com sau đó lưu lại.
- Bạn thực hiện tương tự như trên đối với file fnGetSongInfo_6597.htm trong thư mục includes và file HappyNewYear.htm trong thư mục karaoke. Đây là các file của bài karaoke mẫu (Happy New Year) đã tạo sẵn để bạn kiểm tra.

Sau khi việc chỉnh sửa hoàn tất bạn upload cả 3 thư mục image, includes, karaoke lên thư mục gốc của hosting mà tên miền bạn đăng ký trỏ đến (htdocs, root). Sau đó truy cập vào địa chỉ http://tencuaban.com/karaoke/HappyNewYear.htm, nếu chạy được bài karaoke với đầy đủ nhạc nền, lời, ảnh thì xem như bạn đã thành công trong việc giả lập Zing Star.

Chú ý: việc upload các thư mục image, includes, karaoke lên thư mục gốc của hosting (htdocs, root) nhằm mục đích đơn giản đối với những bạn không rành về web trong bài viết này. Nếu upload các thư mục này ở các thư mục khác trong hosting thì các bạn chú ý phải thay đổi lại một số đường dẫn (link liên kết) trong bài viết này cho phù hợp với cấu trúc thư mục và tập tin trên hosting của bạn, việc này chỉ áp dụng đối với các bạn am hiểu về web.

2. Cập nhật bài hát karaoke

Sau khi đã giả lập được bộ máy Zing Star, chúng ta sẽ cập nhật bài hát mình thích. Khi truy cập đến một bài hát nào đó của zing star, bạn để ý nhìn vào phía cuối thanh Address của trình duyệt bạn sẽ thấy dãy số gồm khoảng 4 đến 5 chữ số, đó chính là số id của bài hát.

Ví dụ như bài Happy New Year có số id là 6597. Sau đó bạn dùng trình tải file ví dụ như IDM để tải liên kết có dạng: http://star.zing.vn/includes/fnGetSongInfo.php?id=xxxx với xxxx là số id của bài hát, bạn sẽ được một file có tên là fnGetSongInfo.htm. Tiếp theo bạn đổi tên tập tin này thành fnGetSongInfo_xxxx.htm (xxxx là số id đã xác định lúc trước) và dùng Notepad mở file này lên, bạn sẽ thấy được địa chỉ phần lời nằm giữa thẻ <lyric>…</lyric>, và phần nhạc đệm nằm giữa thẻ <karaokelink>…</karaokelink>.

Dùng IDM tải địa chỉ phần lời về bạn sẽ được một file dạng *.xml chứa nội dung lời bài hát. Do chúng ta chỉ thường chế lời bài hát nên chỉ cần tải phần lời còn phần nhạc đệm thì không cần quan tâm. Tiếp theo bạn chỉnh sửa nội dung của tập tin fnGetSongInfo_xxxx.htm, ví dụ như với bài Happy New Year (fnGetSongInfo_6597), bạn chỉ cần sửa liên kết của thẻ <lyric> và thẻ <skin> như sau:

<lyric>http://stc.star.kapsule.info/karaokeoriginal/xml/english/Happy_New_Year___ABBA_huynh1225860213.xml</lyric>

<skin>http://star.zing.vn/flash/skins/</skin>

       

<lyric>http://tencuaban.com/includes/Happy_New_Year___ABBA_huynh1225860213.xml</lyric>

<skin>http://tencuaban.com/includes/skins/</skin>

Sau đó bạn vào thư mục includes mở file fnGetSongInfo.php bằng Notepad và thêm 2 lệnh sau vào trong khối lệnh switch giống như các lệnh mẫu đã tạo sẵn với xxxx là số id bài hát:

case 'xxxx': include "fnGetSongInfo_xxxx.htm";

Tiếp theo bạn sẽ tạo ra file dạng *.htm chạy trên web để phát bài karaoke của mình. Vào thư mục karaoke, dùng chuột chọn file HappyNewYear.htm rồi nhấn tổ hợp phím Ctrl+C rồi Ctrl+V để tạo bản sao, một file mới được tạo ra. Bạn hãy đổi tên file này thành tên bài hát bạn đang cập nhật sau đó dùng Notepad mở nó lên, sửa lại số id nằm ở dòng song_id: "xxxx", với xxxx là số id bài hát đang cập nhật.

Bây giờ là công đoạn cập nhật các tập tin đã được chỉnh sửa ở trên lên hosting của mình: bạn upload 3 file fnGetSongInfo_xxxx.htm, file chứa lời bài hát dạng *.xml, fnGetSongInfo.php lên thư mục includes. Còn đối với file *.htm (mang tên bài hát) bạn upload lên thư mục karaoke.

Vậy là bạn đã hoàn tất việc cập nhật một bài karaoke, bây giờ nếu bạn truy cập vào địa chỉ http://tencuaban.com/karaoke/ bạn sẽ thấy tên bài hát mình vừa cập nhật và bạn có thể mở thử bài hát hày.

 

Ở bước 2 nếu bạn thật sự muốn cá nhân hóa bài karaoke của mình, trước khi upload file fnGetSongInfo_xxxx.htm và file dạng *.xml, bạn tiến hành chỉnh sửa thêm một số thứ nữa như thông tin và lời cho bài hát. Bạn dùng Notepad mở file fnGetSongInfo_xxxx.htm để sửa lại: tên bài hát (<title>), tác giả (<author>), ca sĩ (<singer>), thể loại (<type>). Cũng tương tự bạn sẽ chỉnh sửa lại lời của bài hát bằng cách mở file dạng *.xml. Đây chính là lúc bạn trổ tài nghệ sĩ của mình bằng cách “sáng tác” lời nhạc. Để gõ được lời tiếng Việt bạn dùng font Unicode và nên dùng Notepad++ thay vì Notepad để hiển thị tiếng Việt tốt hơn, ở đây bạn chỉ việc thay thế các lời cũ bằng lời mới của mình mà thôi. Sau khi chỉnh sửa xong bạn tiến hành upload như đã nói ở bước 2.

 

Điểm hay ở Zing Star là có hỗ trợ slide show ảnh khi hát giống như các dàn karaoke thông thường. Nhưng sẽ càng thú vị hơn khi những bức ảnh đó do chính tay mình chọn lựa. Điều này thật dễ dàng, bạn chỉ cần thay các tấm ảnh nền trong thư mục image (ở bước 1) bằng các ảnh của mình với tên từ zingstar1 đến zingstar10, điều kiện bức ảnh của bạn là loại file dạng *.jpg cỡ 470 x 261.

Để tùy biến ở mức độ cao hơn, bạn truy cập vào thư mục includes\skins và mở tập tin slide.xml (dùng Notepad để chỉnh sửa), tại thẻ <time> bạn chỉnh lại thời gian chuyển đổi giữa các ảnh (mặc định là 10s), đồng thời bạn có thể thêm nhiều bức ảnh trong slide show của mình bằng cách đặt thêm các thẻ <image>http://link_file_anh.jpg</image>, chứ không nhất thiết là 10 tấm hình như mặc định.

Một điểm thú vị nữa là slide show trình diễn có thể ở dạng file flash chứ không đơn thuần các file ảnh thông thường. Bạn có thể tạo hay chỉnh sửa lại file flash nào đó bằng cách tắt đi phần âm thanh, kích thước khoảng 470 x 261, sau đó upload file flash này lên hosting và lấy link. Sau khi chọn được file flash bạn sửa lại nội dung file  slide.xml như sau:

<?xml version="1.0" encoding="utf-8"?>

<data>

    <time>10</time>

    <slide>

        <image>http://link_file_flash.swf</image>

    </slide>

</data>

 

Bạn có thể dễ dàng chia sẻ với bạn bè bằng cách gởi địa chỉ các bài hát nằm trong thư mục karaoke trên hosting. Hay có thể tạo một đoạn mã nhúng để chèn vào bất cứ đâu trên web hay blog: (chú ý sửa lại những chỗ in đậm)

<embed src='http://tencuaban.com/includes/skins/zingStarPlayer.swf?&status=karaoke&song_id=xxxx&domain=http://tencuaban.com' type='application/x-shockwavACe-flash' wmode='transparent' width='530' height='410'></embed>

Chú ý: Một số hosting có hỗ trợ chỉnh sửa các file văn bản trực tiếp trên nền web, nếu bạn phải chỉnh sửa các file trên máy tính (như file fnGetSongInfo.php, slide.xml, bạn phải cập nhật bằng cách upload đè lên các file đã có sẵn trên hosting.