Công nghệ thông tin

Tạo trang web nghe nhạc trực tuyến với Xtremedia 1.2

13/01/2009 06:09

Bạn muốn xây dựng một website nghe nhạc cho riêng mình hoặc chia sẻ cho bạn bè nhưng không biết làm cách nào, bài viết này xin hướng dẫn cách xây dựng một website nghe nhạc trực tuyến bằng cách sử dụng mã nguồn Xtremedia 1.2 một cách nhanh chóng nhất!

1.Lựa chọn hosting:

Nếu không có điều kiện mua một hosting, bạn có thể sử dụng hosting miễn phí. Xin giới thiệu với các bạn một vài dịch hosting miễn phí khá ổn định (mặc dù tốc độ hơi chậm):
http://summerhost.info
http://plus.vn
http://vnno1.com
Tất cả các host trên đều là đại lý của Byethost, bài viết sau xin hướng dẫn cách thao tác trên summerhost.info, các host khác tương tự.

2. Mã nguồn Xtremedia 1.2:

Xtremedia là mã nguồn làm web nghe nhạc hoàn toàn miễn phí, tải Xtremedia 1.2 (dung lượng 243 KB) tại: http://www.mediafire.com/?ziwwdnmdivt.

3. Tạo database:

Sau khi đăng ký host, bạn phải tạo một database, cách thực hiện:
Vào Cpanel của host, tại mục Control Panel, chọn Databases > MySQL databases như hình sau
 
Xem ảnh lớn

Tại trang Make a new database, điền tên database vào rồi nhấn Create Database (nếu bạn điền là xtre thì tên database hoàn chỉnh của bạn là usernamecuaban_xtre, ví dụ sum_2760408_xtre).

 
Tiếp theo bạn cần import file data.sql trong mã nguồn xtremedia vừa tải về vào database xtre vừa tạo. Cách làm: Vào phpMyAdmin (Control Panel > Databases > phpMyAdmin).
Chọn database xtre rồi nhấn Connect to this database.
 
Xem ảnh lớn

 
Một trang web khác sẽ hiện ra, tại đây bạn nhấn Import, chọn Choose… tìm đến file data.sql như hình sau:
 
Xem ảnh lớn

 
Chọn Go để import.

4.Upload mã nguồn lên host:

Bạn có thể dùng một chương trình upload FTP để upload thư mục chứa mã nguồn xtre lên host (CuteFTP, FlashFXP, FileZilla), tải FlashFXP tại: http://www.mediafire.com/?ymrhvzaddey.

Sau khi đã có FlashFXP (hoặc 1 trình upload nào khác), bạn tiến hành upload xtre lên host bằng cách vào menu Session > Quick Connect…, nhập đầy đủ thông tin của host vào rồi nhấn Connect để kết nối.
 
Xem ảnh lớn

 
Khi đã kết nối thành công, bạn tìm đến thư mục xtre ở khung bên trái rồi kéo qua thư mục htdocs của host (chú ý phải upload vào thư mục htdocs).

 
5.Hoàn thành:

Upload xong, bạn chỉ cần chỉnh sửa lại một ít file config.php (trong thư mụcincludes), bằng cách nhấp phải chọn Edit.
 
Xem ảnh lớn

 
Tìm và chỉnh sửa 4 dòng sau đây:

$db_host= 'localhost'; <= 99% các host hiện nay điền là localhost, nhưng nếu bạn sử dụng host của summerhost.info (hoặc plus.vn), các bạn phải thay đổi localhost thành MySQL host name, xem tại phần Account Information, ví dụ như hình dưới mình thay localhost thành sql301.summerhost.info.
Xem ảnh lớn

 
$db_name= '222'; <= Thay giá trị 222 thành tên database của bạn, như đã đề cập ở phần trên, tại đây mình điền là sum_2760408_xtre.
$db_user = 'root'; <= Tên người dùng, ví dụ của mình là sum_2760408.
$db_pass = ''; <= Password của hosting.
Chỉnh sửa xong, lưu lại rồi upload đè lên file config.php cũ. Vậy là bạn đã làm xong trang web rồi đấy.
6. Quản lý:

Để thêm thể loại cũng như bài hát mới, vào AdminCP tại http://domainweb/admin (Tên đăng nhập: admin, Pass: admin).

Trước khi thêm bài hát, bạn cần Thêm Thể loại, sau đó mới Thêm Media. Khi thêm nhạc, bạn có thể sử dụng link nhạc do bạn upload hoặc tìm link nhạc từ một website khác (ví dụ như nhac8.com, socbay.com,…) nhưng phải lưu ý không lấy link nhạc từ các trang web như zing.vn, nhac.vui.vn vì những trang này thường xuyên thay đổi link.

Lưu ý: Để có thể phát được nhạc, cần vào Cấu hình, chỉnh lại phần Link Web.
 
Xem ảnh lớn

Ngoài ra, đối với những host của byethost (các host mà mình đã giới thiệu ở trên), để phát được nhạc bạn cần phải chỉnh sửa file functions.php (trong thư mụcincludes). Cách làm:
Trong functions.php, tìm đến đoạn sau:
$arr = array(
'type' => 1,
'm_type' => $r['m_type'],
'd_w' => 350,
'd_h' => 350,
'id' => $id,
);
if ($r['m_type'] != 1) {
$arr['d_w'] = ($r['m_width'])?$r['m_width']:350;
$arr['d_h'] = ($r['m_height'])?$r['m_height']:350;
}
Thay đoạn:
if ($r['m_type'] != 1) {
$arr['d_w'] = ($r['m_width'])?$r['m_width']:350;
$arr['d_h'] = ($r['m_height'])?$r['m_height']:350;
}
bằng đoạn:

if ($r['m_type'] == 1 || $r['m_type'] == 3 || $r['m_type'] == 4) {
$arr['url'] = ($r['m_is_local'])?$mediaFolder.'/'.$r['m_url']:$r['m_url'];
}

Sau khi chỉnh sửa xong, bạn đã có thể phát nhạc trên trang web dùng host của summerhost.info.
Xem demo website hoàn chỉnh chưa chỉnh sửa tại: http://ptruc.summerhost.info/xtre.

Nếu bạn chưa rõ về bước nào đó, bạn có thể xem thêm đoạn video clip mình đã quay lại toàn bộ quá trình mình làm trang web này. Tải đoạn video clip này tại: http://www.rapidspread.com/file.jsp?id=whwylrsuz6.

Để làm cho website thêm nhiều mục thú vị khác như xem truyền hình, tin tức,… bạn hãy tham khảo thêm tại http://freecodevn.com hoặc http://xtre.org và nhiều website khác.
 
Chúc các bạn thành công!
 
Trần Lại Phương Trúc
8

Đã có 62 bình chọn cho bài viết này!

Ý kiến bạn đọc

  • Toàn (03/02/2010 11:19:33)

    "bạn cho mình hỏi nếu up extre len host geocities thi có được không? và phải chỉnh sửa những gì???? "

  • Trong Van (02/09/2010 14:58:02)

    "Bạn ơi, tại sao máy phần đăng nhập đang ký lại bị lỗi hết vậy "

  • Van (02/09/2010 13:49:01)

    "Phương Trúc ơi, hướng dẫn mình thêm giao diện đc ko. Thanks! "

  • Dương (11/02/2009 19:36:33)

    "em rất muốn lập 1 trang WEB nghe nhạc cho riêng mình. hostinh với domain em đã chuẩn bị đầy đủ hết òi. hostinh thì em dùng myplus.org ( free ) còn domai thì em nhờ mua. Nhưng giờ em khong biết bắt đầu từ đâu, em đã lên mạng tìm hiểu, nhưng hầu hết các bài viết đều viết rất khó hiểu và hướng dẫn ko cụ thể, link đưa ra thì không vào được :(, vì vậy em muốn người có kinh nghiệm trong việc này giúp đỡ em với. xin hãy liên hệ yahoo hacker_vietnam_lvd để giúp đỡ và trao đổi.hjhj:D "

  • dat (10/27/2009 22:36:49)

    "bạn ơi mình đã làm song nhữg gì như cậu nói,nhưng giờ mình vào web của mình thì nó hiện ra dòng chữ này:

    Unable to connect to MySQL server. MySQL reported: Can't connect to MySQL server on 'ftp.0fees.net' (4)

    cậu giùp mình với "

  • Http://GiaiDieuNhac.Biz (10/02/2009 18:28:52)

    "Các thắc mắc Của các bạn đã có hết ở trên trang freecodevn.com các bạn có thể vào đây để tìm hiểu những j mà các bạn chưa biết.
    Demo: Http://GiaiDieuNhac.Biz
    Forum: Http://Hot82.co.cc
    Nếu Các Bạn Muốn Giao Lưu học hỏi Kinh nghiệm về Xtrem Có thể vào forum của mình để đăng bài.nếu những j mình biết mình sẽ giúp các bạn.
    Yahoo: Yeugguirta "

  • nguyễn tấn lộc (09/29/2009 22:16:25)

    "sao tôi làm xong hết rồi còn bước đăng nhâp amin thì không được.Tôi vào http://nguyentanlocmusic.summerhost.info thì nó thông báo :Index of /
    .override
    files for tanlocmusic.summerhost.info should be uploaded here!
    xtre/
    Tôi chẳng biết như thế nào cả...
    Có ai biết thì chỉ với "

  • Đàm Huy Mạnh (09/27/2009 23:42:56)

    "Làm thế nào mà bỏ được RedPhoenix89 ở Footer đi nhỉ :D
    Hay là nhờ RedPhoenix89 bỏ giùm hả mọi người? "

  • phamductruong (09/01/2009 13:29:14)

    "bạn ơi tại sao mình sửa code :
    Ngoài ra, đối với những host của byethost (các host mà mình đã giới thiệu ở trên), để phát được nhạc bạn cần phải chỉnh sửa file functions.php (trong thư mụcincludes). Cách làm:

    Trong functions.php, tìm đến đoạn sau:

    $arr = array(
    'type' => 1,
    'm_type' => $r['m_type'],
    'd_w' => 350,
    'd_h' => 350,
    'id' => $id,
    );
    if ($r['m_type'] != 1) {
    $arr['d_w'] = ($r['m_width'])?$r['m_width']:350;
    $arr['d_h'] = ($r['m_height'])?$r['m_height']:350;
    }

    Thay đoạn:
    if ($r['m_type'] != 1) {
    $arr['d_w'] = ($r['m_width'])?$r['m_width']:350;
    $arr['d_h'] = ($r['m_height'])?$r['m_height']:350;
    }

    bằng đoạn:

    if ($r['m_type'] == 1 || $r['m_type'] == 3 || $r['m_type'] == 4) {
    $arr['url'] = ($r['m_is_local'])?$mediaFolder.'/'.$r['m_url']:$r['m_url'];
    }




    Đã sửa xong rồi nhưng vẫn không phát nhạc là sao vậy bạn "

  • nguyen van viet (08/06/2009 08:58:29)

    "ai biet tao wed = xtremedia nguon mo pm to" . tao cho to" to" se~ tra? co^ng "

  • Huy (08/05/2009 15:49:15)

    "sao khi mình đã up load và làm xong các bước như đã chỉ giờ mình muốn thấy trang nhạc của mình thì sao vì mình chỉ mới tập làm web thôi không rành lắm mong các bạn chỉ giúp

    Cảm ơn "

  • http://nhacbn.tk/ (07/26/2009 01:52:16)

    "mình vừa lập thành công 1 website nhưng mà có nhiều điều không biết fải làm thế nào nữa có ai thông thạo chỉ giáo giúp mình được không vậy
    nick: maiquennhau_thatsao
    rồi chúng mình cùng bàn luận nhé
    thank các bạn trước nhé "

  • Http://Giaidieunhac.co.cc (07/24/2009 22:00:27)

    "Chào các bạn Mình cũng là người mới làm Web thôi nhưng thấy mọi người có khó khăn về Xtremedia.12 nên mình cũng vào góp ý mọtt chút.
    Mình đã và đang dùng Xtremedia1.2 bản Full.Các Bạn có thể Ghé Qua Http://giaidieunhac.co.cc để xem và góp ý nhé.Các Bạn có thắc mắc gì Nếu mình biết mình xẽ chia sẻ cùng các bạn.
    Theo Mình Các Bạn nên dùng Xtremedia1.2 Bản Full
    Download Tại:http://www.hot82.co.cc/showthread.php?t=12
    Các Bạn cũng có thể Post bài tại đây nếu có khúc mắc gì về Xtremedia1.2 "

  • http://giaidieunhac.co.cc (07/24/2009 21:59:21)

    "Chào các bạn Mình cũng là người mới làm Web thôi nhưng thấy mọi người có khó khăn về Xtremedia.12 nên mình cũng vào góp ý mọtt chút.
    Mình đã và đang dùng Xtremedia1.2 bản Full.Các Bạn có thể Ghé Qua Http://giaidieunhac.co.cc để xem và góp ý nhé.Các Bạn có thắc mắc gì Nếu mình biết mình xẽ chia sẻ cùng các bạn.
    Theo Mình Các Bạn nên dùng Xtremedia1.2 Bản Full
    Download Tại:http://www.hot82.co.cc/showthread.php?t=12
    Các Bạn cũng có thể Post bài tại đây nếu có khúc mắc gì về Xtremedia1.2 "

  • mrduy (07/08/2009 02:02:29)

    "Các bạn ơi cho mìnhh hỏi cái của mình khi up lên rồi chạy nó lại báo lỗi MySQL muốn xửa lỗi đó Thì Phải làm thế nào vây? http://mrduy.summerhost.info/xtre/ "

  • toan (06/19/2009 05:18:05)

    "cho mình hỏi tại sao mình up hết lên rồi , khi gõ link vào nó lại hiện lên dòng này http://ifastnet.com/notify/1.php nghĩa là sao vậy "

  • zakanza (05/20/2009 19:01:12)

    "Xin lỗi bạn mình là newbie và làm theo cách của bạn nhưng đến phần thêm media thì lựa chọn thể loại là không được.
    Mặc dù đã tạo thể loại trước đó ( thể loại nhạc trẻ ) click vào phần thể loại thì vẫn có nhưng ko chọn được. Mong bạn giúp đỡ!!!! "

  • dinhcongcon (05/19/2009 17:41:15)

    "Lỗi MySQL Query : Table 'sum_3459084_forum.media_config' doesn't exist >>> la bi the nao ak , khi em vao http://hsngheo9x.summerhost.info/admin thi thay the em chang bit gi ca , ai giup em voi YM! : shop.boy_9x Email : clovet9xx9@gmail.com "

  • pipu (04/24/2009 22:37:53)

    "Kô biết sao, mình làm như hướng dẫn, nhưng khi vào web
    http://yeuamnhac.summerhost.info/admincp hay kô có đuôi (cp) tự nhiên nó lại chạy ra trang này http://my-webs.org/notify/1.php, mình cũng kô biết fải nói làm sao luôn. "

  • Chung (04/19/2009 06:31:46)

    "Tai sao Mình đăng đươc rùi mà mình vào WEb lại bị lỗi nhỉ có ai giúp mình với . Mình Up xong hết rồi mà không cho vao` mang đươc là sao vậy . Ai có CODe nào không cho mình xin 1 cái nhá ThanksYou "

  • PhuongTruc (04/14/2009 12:25:17)

    "@tan: Bạn gõ vào link thanhtan1084.summerhost.info/xtre nhé (với xtre là thư mục chứa mã nguồn xtremedia của bạn).
    @thiendat: VD domain của bạn là abc.summerhost.info thì bạn gõ là abc.summerhost.info/admin. "

  • thiên đạt (04/13/2009 21:11:11)

    "http://domainweb/admin <=== em đánh vào như sau vậy anh có thẻ hướng dẫn và vidụ cho em ko "

  • tan (04/13/2009 14:36:02)

    "bạn ơi mình đăng kí hostting trên summerhost mà ki mình post web lên thì báo thành công vậy mà vào viếng thăm thì ko nhận (thanhtan1084.summerhost.info) xin chân thành cảm ơn
    "

  • Phương Trúc (04/03/2009 15:21:18)

    "Bạn vô phpMyAdmin, chọn database xtre rồi drop hết các table trong đó đi, sau đó import lại file sql 1 lần nữa xem sao. "

  • tuan anh (04/03/2009 09:14:30)

    "Lỗi MySQL Query : Unknown column 'album_viewed_month' in 'field list'

    tớ updata vào MySQL,ko sửa rì cả nó hiện ra lỗi này,sao bjờ,ai giúp tớ với,đau đầu mà ko tìm ra,tớ mới chập chững thôi,hixxx,mong đc chỉ bảo "

  • Nguyen DInh Chung (03/31/2009 16:59:31)

    "Cho Em Hoi Chut" nha Cả nhà tai Sao Em Đăng Ký được rùi Nhưng Cái Chỗ Tại trang Make a new database, điền tên database vào rồi nhấn Create Database (nếu bạn điền là xtre thì tên database hoàn chỉnh của bạn là usernamecuaban_xtre, ví dụ sum_2760408_xtre). Nhưng Tại Sao Em LÀm Ko Đc Có Ai Biết Chỉ RÙm Em Với Cảm Ơn Anh Chi TRước Nhé "

  • PhuongTruc (03/31/2009 15:12:22)

    "Bạn vào Quản lý user, sửa pass của tài khoản admin là dc thôi! "

  • Thong (03/30/2009 17:22:47)

    "theo như hướng dẫn thì user để đăng nhập vào admincp là admin và pass cũng là admin vậy làm sao để thay đổi pass đó bạn ..chứ như vậy thì bảo mật làm sao được ???? "

  • New member (03/28/2009 22:27:53)

    "''Để thêm thể loại cũng như bài hát mới, vào AdminCP tại http://domainweb/admin (Tên đăng nhập: admin, Pass: admin).''. Sao mình vào trang đó chả thấy chỗ đăng nhập đâu cả, hjx "

  • PhuongTruc (03/21/2009 08:38:57)

    "Để chọn dc thể loại, ví dụ như Nhạc VN thì trước hết bạn cần tạo 1 thể loại, giả sử là Nhạc, rồi sau đó mới tạo thêm thể loại là Nhạc VN, nằm trong Nhạc.
    Sau đó bạn vô add bài hát sẽ thấy có thể loại hiện ra,
    "

  • bulu (03/20/2009 17:44:55)

    "Mình đã upload xog hết rùi nhưg Khi chọn thể loại thì chọn ko đc ? ( Mình đã thêm thể loại rùi nhưg khi chọn vào thì ko đc ) T_T "

  • PhuongTruc (03/16/2009 18:38:31)

    "Mặc dù trên trang web ghi là 1.1 nhưng thực chất đây là bản 1.2, bạn có thể sửa lại 1.1 thành 1.2 trong file index.html "

  • PhuongTruc (03/15/2009 18:07:40)

    "Cảm ơn bạn đã đọc bài viết ^^. Nếu có tgian, mình sẽ viết 1 bài về vbb, tuy nhiên do code VBB này có bản quyền nên có thể mình sẽ hướng dẫn làm forum với code phpBB, VBB cũng tương tự thế :D

    P/S: File data.sql nằm trong bộ code xtremedia đấy bạn. "

  • Trinh Thai (03/14/2009 22:18:48)

    "Bạn ơi khi upload xong và cài đặt thì thấy có ghi phiên bản Xtremedia 1.1 đâu có phải là phiên bản 1.2 "

  • Thanh Hải 106 (03/14/2009 21:56:32)

    "Bạn có thể chỉ cách tạo 1 diễn đàn VBB nữa được không?Mình đang rất cần.
    Mình vừa tình cờ lướt web và biết đến mục này của bạn,thấy bạn chỉ dẫn rất rõ ràng,mình đã đi tìm những bài viết như thế này khá lâu rồi,khá vất vả.
    Mình đang muốn làm 1 diễn đàn dạng VBB mà chưa biết cách làm,mong bạn chỉ dẫn chi tiết như bài Xtre media này nhé,vì mình vẫn chưa biết gì về PhP.
    Mong bạn giúp,cảm ơn bạn trước. "

  • hoangtuech1x (01/23/2009 06:19:31)

    " Một trang web khác sẽ hiện ra, tại đây bạn nhấn Import, chọn Choose… tìm đến file data.sql như hình sau:
    Em Làm Tới Bước Đó Nhưng Mấy Cái Tập Tin Trong Máy Ấy Lấy Đâu Ra, Các Bác Chỉ Giúp Em Với...... "

  • hoangtuech1x (01/23/2009 06:18:54)

    "Một trang web khác sẽ hiện ra, tại đây bạn nhấn Import, chọn Choose… tìm đến file data.sql như hình sau:
    Em Làm Tới Bước Đó Nhưng Mấy Cái Tập Tin Trong Máy Ấy Lấy Đâu Ra, Các Bác Chỉ Giúp Em Với...... "

  • Phương Trúc (01/19/2009 10:40:56)

    "Bạn có thể chỉnh sửa trong file index.html, nhưng mình nghĩ bạn nên tôn trọng tác giả của Xtremedia, ko nên sửa lại thành Powered by minh.
    Bạn có thể liên hệ qua mail phuongtruc0705@gmail.com "

  • Quynh (01/18/2009 23:07:25)

    "Thế còn Powered by minh muốn sửa nó thì nó nằm ở đoạn Code nào va trong thư mục nào .Cả phần thay đổi kích thước trang Web nưa ?
    bạn có thể giúp mình đc ko?
    Liên hệ với minh qua Email như trên nhé ! "

  • Phương Trúc (01/17/2009 18:19:05)

    "Mình đã thử và ko thể thêm bài hát vào thể loại mẹ dc, nên bạn hãy tạo một mục mẹ nhé :).
    Để đổi banner, bạn hãy vào thư mục template (ví dụ như site của mình là /htdocs/xtre/templates/funnycolors/img/), thay file banner.gif có sẵn bằng file banner.gif của bạn. "

  • Quynh (01/17/2009 12:03:02)

    "Vậy có cách nào khi thêm luôn nào thể loạ nhạc tại mục mẹ không ?Minh không muốn thêm vào mục con .
    Cho minh doạn Code để thay đổi Banner nhé!
    Cảm ơn bạn nhiều . "

  • Phương Trúc (01/17/2009 07:29:13)

    "Trước khi tạo bài hát, cần tạo trước một thể loại (trong Admin CP, chọn Thêm thể loại). Sau khi đã có thể loại rồi thì tại phần Thêm media, mục Thể loại, chọn Thể loại "Nhạc trẻ" tại khung xổ xuống.
    Lưu ý: Bạn phải tạo ít nhất 2 thể loại (1 thể loại mẹ và 1 thể loại con), khi thêm media chỉ được chọn thể loại con. "

  • Quynh (01/16/2009 09:17:21)

    "Làm thế nao dể đưa bài hát thuộc thể loại nào
    VD : toi muốn Add bài hát tên là: giáng trần thêm vào thể loại nhạc trẻ thì làm như nào ?
    Thanhk ! "

  • My (01/14/2009 18:27:45)

    "Code check yahoo bạn nên hỏi nguồn gốc từ Quân qua email redphoenix89@yahoo.com, hiện là SV khoa CNTT trường Dh bách khoa Đà Nẵng "

  • PhuongTruc (01/14/2009 12:48:43)

    "Mình ko phải là người bạn nói đâu :) "

  • Dương Anh Thiện (01/13/2009 17:21:36)

    "Bạn ơi! CHo mình hỏi có phải bạn là người tạo ra code check yahoo ko.Doremon.info đó.Nếu phải xin add nick minh là anhthienad để tiện hỏi đáp.Cảm ơn! "

Xem bài theo ngày :

/

/