Wednesday 28 December 2011

Web karaoke

Xin chào các bạn, năm hết tết đến mà buồn như con chuồn chuồn.
(Tết đến không tiền vui chi tết , xuân về không gạo mừng chi xuân)
Mình thì không có cả tiền lẫn tình.chỉ có được cái tài vặt(chuyên copy code người khác thôi)
Ngồi không có việc gì làm thấy ông già hát karaoke mình cũng thích,thầy người ta có dàn máy mà nhạc karaoke cũ quá nên mình mới có ý tưởng làm cái webkaraoke này ,hát cho đỡ buồn + add nhạc mà mình thích vào + nhạc mới.(mua đĩa tốn tiền mà làm ra được 1 bài karaoke do các soft hướng dẫn cũng gãy tay + mất time)...Thôi vào chủ đề chính nào!--Web karaoke là soft karaoke offline...
1.Đầu tiên các bạn download gói web server + project mình đã làm xuống đã.
(web server là mấy cái web bạn đang gõ đó nhưng mà cái này chạy tại máy tính của mình ,tức là có internet hay không có internet điều chạy được hết, nói chung nó là như thế...)
Cái webserver này khá nặng vì có luôn thư mục karaoke và 83 bài hát (chơi nhạc trẻ thôi chứ nhạc già không ưa nhưng mà có thể add vào sau)
Cái karaoke này các bạn có thể add thêm nhạc và add thêm video mình yêu thích vào được, làm như thế này được 1 công 2 việc: vừa xem phim vừa nghe nhạc.
Link Download:
Part1:http://www.mediafire.com/?67rgw7daaesl94w (95.7Mb)
Part2:http://www.mediafire.com/?3cjayavfdl728co (95.7Mb)
Part3:http://www.mediafire.com/?223lt2bur85mu68 (95.7Mb)
Part4:http://www.mediafire.com/?zpcowg9c767fco6 (95.7Mb)
Part5:http://www.mediafire.com/?t8pfook6b646mvg (77.1Mb)
Download xong cả 5 part các bạn giải nén ra tại ổ C:
(Nhớ là phải ổ C: nha,mấy ổ khác thì không chạy được,đừng giải nén vào ổ A: nha...)
Và thư mục của nó phải chính xác thế này: C:\xampp
Thư mục karaoke sẽ có đường dẫn thế này: C:\xampp\htdocs\kara
(Trong cái gói zip có thư mục xampp giải nén thư mục này ra,thư mục kara là con của thư mục xampp)
Xong phàn cài đặt rồi đó.Kế tiếp là Run chương trình.
B1.Chạy xampp-control.exe trong thư mục xampp

B2.Start Apache và Mysql.


B3.Check xem apache và mysql đã run chưa?
Nếu bạn click vào nút Star của apache mà nó Run xong rồi lại tắt , Như vậy là sẽ có 1 program đang chạy chiếm cổng 80(ví dụ như là Skype,IIS...),bạn phải tắt program đó đi,rồi thử lại,nói chung là làm thế nào mà cổng 80 của máy bạn free.

B4.Dùng Chrome hoặc Firefox gõ vào chính xác đường dẫn sau:
http://localhost/kara/index.php

Xong...! Vậy là bạn đã run thành công webkaraoke rồi đó.
Các phím cơ bản:
Enter :Dùng vào việc chọn bài hát,Bài hát thì bạn phải gõ vào cái textbox nằm góc trên cùng bên phải,khi gõ Enter thì nó tự động bay vào để bạn gõ vào tên bài hát.
Insert:Chèn tên bài hát vào Playlist.
Mặc định chương trình sẽ play bài hát thứ 2 của playlist trở đi.Bài thứ nhất không chạy nếu bạn muốn play bài đàu tiên thì bạn chọn 1 bài hát nào đó rồi insert vào để nó thành bài thứ 1 xong rồi đến bài của bạn(còn từ bài thứ 2 trở đi thì ok ,nó sẽ play lần lượt các bài tiếp theo)
End:Play bài kế tiếp.
PageUp:Tạo list 100 bài hát ngẫu nhiên(Sau khi tạo ngẫu nhiên 100 bài thì bạn ấn phím End để play)...
Thế là xong phần hướng dẫn cơ bản.
Bây giờ là phần chỉnh sửa lại giao diện sao cho karaoke phù hợp với browser của bạn(cái này yêu cầu bạn phải biết css để chỉnh sửa nếu không biết thì tìm tài liệu đọc tí là biết ,mất khoản 2-4 giờ)
Bạn mở file C:\xampp\kara\index.php lên và tìm xuống đoạn code list các div và component của jwplayer để chỉnh lại vị trí các phần tử sao cho đẹp mắt(phần tử là các thành phần của webkaraoke như là màu chữ , kiểu chữ , vị trí video , vị trí ô chọn bài , kích cỡ của chữ vv...)
Nếu các bạn không thích style inline thì tìm các file css liên quan rồi thêm code vào,(cái này tùy vào khả năng thẩm mỹ của bạn thôi...)
Xong phần giao diện...Mình sẽ hướng dẫn các bạn bỏ video của các bạn vào bài post sau...
(Demo mình chỉ làm 1 video phim gác kiếm thôi...)
Link hướng dẫn add nhạc và video vào webkaraoke:Add nhạc và video vào webkaraoke
Demo

Thân chào
Công Thành...

No comments:

Post a Comment