Thoát khỏi các Tool bằng XML của chính mình

by carolinejudith Sun Oct 02, 2011 8:12 pm

Thoát khỏi các Tool bằng XML của chính mình

Các tool của Chiplove, y1n9 và HANOIVATOI cung cấp sự tiện lợi cho bạn khi muốn nhúng nhạc từ NCT hay Zing vào webpage. Nhưng bạn không tránh khỏi sự lệ thuộc vào các tool khi mà họ chủ động thay đổi code của PHP hay Config. Họ cũng có quyền đóng hay mở tool, có quyền chèn thêm những "thứ" mà bạn không muốn. Có thể bạn muốn tìm được quyền chủ động bằng cách tự viết XML cho player và không nhất thiết phải lấy nhạc từ NCT hay Zing.
Nay tôi tái cấu hình player trong suốt để có thể sử dụng file XML tự viết, tránh được sự lệ thuộc tool.

1- Trước hết, bạn hãy download file XML này về máy: http://www.fileden.com/files/2011/8/4/3177804//onlymelistconfigplayertest.xml

Nội dung như sau:

- Bạn căn cứ vào file mẫu onlymelistconfigplayertest.xml để soạn lại playlist. Mỗi bản nhạc được chèn các thông tin cần thiết vào giữa 2 thẻ < track> và < /track>. Bạn làm bao nhiêu track cũng được.

2- Bạn up file list nhạc lên host. Bạn có thể làm nhiều file playlist với các tên khác nhau và đặt cùng chung thư mục. Ví dụ myplaylist1.xml, myplaylist2.xml, vv....

3- Code mẫu:
Đây là code biến thể của flash nền trong suốt.

Cách dùng:
- Ghi chồng đường dẫn XML lên chuỗi XMLURL trong code mẫu
- width và height thì tùy ý.

4- Ví dụ: ĐƯỜNG DẪN XML là http://www.fileden.com/files/2011/8/4/3177804//onlymelistconfigplayertest.xml

Thì được code nhúng

Player hiển thị như sau:

Chúc bạn thành công

-CAROLINE JUDITH-

by carolinejudith Tue Oct 04, 2011 9:54 am

Bài 2: Dùng XML hiển thị hình nghệ sĩ.

Bạn hãy trở lại bài Player list ngang phong cách của bạn https://ngaothiduong.forumvi.com/t2729-topic#6285
Bài này hướng dẫn cách viết 1 XML dạng XSPF. Loại này có thể dùng để nạp vào Player trong bài viết bên trên. Đặc điểm là có hiển thị hình nghệ sĩ cho mỗi bản nhạc.
Đường dẫn XML: http://www.fileden.com/files/2011/8/4/3177804//xspf_playerPlaylistTest.xspf
1- Bạn hãy ghi chồng đường dẫn XSPF lên chuỗi XMLURL trong code mẫu
2- Chỉnh chiều cao cho phù hợp

Code nhúng sẽ là:

Player như sau:

Chúc bạn thành công

-CAROLINE JUDITH-

by carolinejudith Tue Oct 04, 2011 10:53 am

Bài 3: Dùng XML đơn giản

XML đơn giản trong bài Một player chạy list nhạc với XML đơn giản https://ngaothiduong.forumvi.com/t2450-topic#5476 có thể dùng được cho player này nhưng không hiển thị hình nghệ sĩ. Cách viết: xin xem lại bài này.
XML link: http://www.fileden.com/files/2009/8/26/2555918//onlymeTotalListTest.xml

Player hiển thị như sau:

Chúc bạn thành công

-CAROLINE JUDITH-

by carolinejudith Tue Oct 04, 2011 5:49 pm

XML đơn giản và XML phát triển

Những player trong suốt lồng hình của các tool thật ra chỉ là một, họ lấy lại từ Hạ Tím rồi đổi file name. Công của họ là viết php tạo xml tự động và viết config.php rồi mua host phục vụ 360Plus Bloggers (lợi nhuận thu từ quảng cáo bù đắp cho chi phí mà họ đã bỏ ra).
Tôi muốn đem player ấy về làm của mình với xml và config tự tạo. Tuy nhiên vì không khả năng mua host (tôi không kinh doanh) nên đành up lên fileden.com và chỉ được up swf cùng xml. Do đó tôi phải tái cấu hình, bị hạn chế khả năng lồng hình cho nền trong suốt. Bù lại tôi có thể lồng logo của Nghệ Sĩ vào bản nhạc tương ứng trong list, điều mà các tool không phục vụ.

Vì 2 player onlymeTotalList.swf (không cấu hình) và onlymelistconfigplayer.swf (có cấu hình) chỉ là 1 nên trong các ví dụ sau, tôi chỉ ví dụ 2 player khi cần minh họa 2 bộ code nhúng khác nhau. Có điểm chung là player chạy list cho 2 dạng XML và XSPF.

A- XML Đơn Giản

a- Link download: http://www.fileden.com/files/2009/8/26/2555918//onlymeTotalListTest.xml (nhạc VN)
b- Đặc điểm: Đây là loại xml đơn giản nhất mà người mới học cần tập viết. Mỗi thẻ track chứa 2 thẻ annotation (tên bản nhạc và Nghệ Sĩ) và location (đường dẫn bản nhạc).

1- Code Không cấu hình
Code này nền xám nhạt, không thể lồng hình logo.
Code mẫu không cấu hình:

Ví dụ: Với xml mẫu thì code nhúng sẽ là:

Player hiển thị như sau:

2- Code có cấu hình

a- Link download:
- http://www.fileden.com/files/2009/8/26/2555918//onlymeTotalListTest.xml (nhạc VN)
- http://www.fileden.com/files/2011/8/4/3177804//onlymelistconfigplayertest.xml (nhạc Pháp)
b- Đặc điểm: Có khung display, không thể lồng hình nền.
Code mẫu có cấu hình

Ví dụ với xml nhạc Pháp ghi chồng lên chuỗi XMLURL trong code mẫu thì code nhúng là

Player như sau:

B- XML phát triển có lồng hình

Lên 1 cấp nữa, tôi thêm thẻ < image> cho từng track để lồng hình nghệ sĩ vào display frame.
Lồng hình chỉ áp dụng cho code có config.
a- Link download:
- http://www.fileden.com/files/2011/8/4/3177804//xspf_playerPlaylistTest.xml
- http://www.fileden.com/files/2011/8/4/3177804//xspf_playerPlaylistTest.xspf
b- Code mẫu:

Dùng 1 trong 2 file list trên trên ghi chồng lên chuỗi XMLURL trong code mẫu.
c- Code nhúng là

player hiển thị như sau:

C- Đặc điểm của file XSPF

1- Có thể dùng cho player trong suốt.
2- Buộc phải dùng dạng này cho player SPDF (http://www.fileden.com/files/2011/8/4/3177804//xspf_player.swf)
3- Link download: http://www.fileden.com/files/2011/8/4/3177804//xspf_playerPlaylistTest.xspf

Code nhúng là:

Player hiển thị

Như vậy là con đường viết xml đã đi qua 3 bước, và nhận được 4 giao diện player. Đó là 1 thành quả không phải là nhỏ cho quá trình tư duy theo phát biểu của Ribot: "Nhận thức là 1 phân tích nằm giữa 2 tổng hợp". Tôi đã đi qua con đường từ bước cái nhìn tổng hợp đầu tiên còn mù mờ sang bước phân tích các player và xml rồi nhận được bước hiểu biết cuối cùng tổng hợp tường minh.

Mong rằng thành quả ấy là bổ ích cho các bạn

-CAROLINE JUDITH-

by carolinejudith Wed Oct 05, 2011 3:35 pm

Bài 5: XML nào sẽ hiệu lực với các player này?

Với 2 player trong các code cấu hình và không cấu hình thì XML nào có tối thiểu 2 dòng code sau đây bên trong thẻ < track> thì đều dùng được: < annotation> và < location> . Riêng với code cấu hình thì cần thêm thẻ < image> mới hiển thị được ảnh cover của nghệ sĩ.
Ví dụ: xml dành cho dewplayer-playlist.swf sau đây có thể áp dụng được cho code cấu hình: http://www.fileden.com/files/2009/8/26/2555918//dewplayer-playlistV.xml

Code nhúng

Player

Ghi chú: Nếu playlist không hiện chữ bạn hãy xóa bỏ mọi thẻ < creator> trong XML.

Chúc bạn thành công

-CAROLINE JUDITH-

by carolinejudith Fri Oct 07, 2011 3:06 pm

Tổng hợp về XML đơn giản và các bộ code biến thể

A- Những biến thể của player onlymeTotalList.swf
1- Cả 2 player trong topic này chỉ là 1 nên bạn dùng cái nào thì cũng không thay đổi tác dụng. Đó là:
- http://www.fileden.com/files/2011/8/4/3177804//onlymelistconfigplayer.swf (file=)
- http://www.fileden.com/files/2009/8/26/2555918//onlymeTotalList.swf (file=)
2- Biến thể thành phần FileList
- XML đơn giản kém xml cấu hình ở thẻ < image> để lồng ảnh cover của nghệ sĩ.
- XML có thể lưu dưới dạng XSPF để dùng chung với flash xspf_player.swf (http://www.fileden.com/files/2011/8/4/3177804//xspf_player.swf?playlist_url=)
- Mọi xml nào có 2 thẻ < annotation> và thẻ < location> đều có thể dùng cho player này. Ví dụ xml của DEWPLAYER. Nếu có 1 thành phần nào không hiển thị thì bạn xóa bỏ dần những thẻ vô dụng trong xml "mượn".
3- Các biến thể đều xuất phát từ bộ code. Có 3 biến thể
- Giao diện nền trong suốt không khung display
- Giao diện nền trong suốt có khung display
- Giao diện nền solid có khung display

B- Các bộ code

I- Giao diện nền trong suốt không khung display

Hiển thị player:

II- Giao diện nền trong suốt có khung display

Hiển thị player:

III- Giao diện nền solid có khung display

Hiển thị player là

C- Danh sách ListeFile mẫu bạn có thể download để nghiên cứu
- http://www.fileden.com/files/2009/8/26/2555918//onlymeTotalListTest.xml (nhạc VN không cover)
- http://www.fileden.com/files/2011/8/4/3177804//onlymelistconfigplayertest.xml (nhạc Pháp không cover)
- http://www.fileden.com/files/2011/8/4/3177804//xspf_playerPlaylistTest.xml (nhạc VN có cover)
- http://www.fileden.com/files/2011/8/4/3177804//xspf_playerPlaylistTest.xspf (nhạc VN có cover)
- http://www.fileden.com/files/2009/8/26/2555918//dewplayer-playlistV.xml (nhạc VN có cover)

Chúc bạn được như ý

-CAROLINE JUDITH-

by carolinejudith Sat Oct 08, 2011 9:00 am

Bài 7: AudioPlayer trong suốt với XML và hình của chính mình

Theo đuổi mãi rồi Carol cũng đến đích.
Chỉ với XML đơn giản và 1 shockware đúng phiên bản, Carol đã lồng được hình của mình vào player.
1- Đường dẫn flash: http://www.fileden.com/files/2011/8/4/3177804/CJtransListImg.swf
2- Đường dẫn xml: http://www.fileden.com/files/2011/8/4/3177804/CJtransListImgplaylist.xml
3- Đường dẫn cấu hình mẫu: http://www.fileden.com/files/2011/8/4/3177804//CJtransListImgconfig.xml
4- Đường dẫn hình: http://www.fileden.com/files/2011/8/4/3177804//CJ1.jpg (330x500)

A- Chuẩn bị:

1- Download 3 tập tin đầu về máy
2- Sửa lại tập tin cấu hình (CJtransListImgconfig.xml) . Bạn đặt hình của mình vào dòng < jpgfile>. Ví dụ, tôi đặt thế này:
. Mỗi lần muốn hình mới thì lập config mới.
3- Soạn lại XML playlist (CJtransListImgplaylist.xml). Mỗi lần muốn list mới thì lập playlist mới. Bạn có thể thêm thẻ < image> cho mỗi thẻ < track> nhạc để hiển thị ảnh cover của nghệ sĩ.
- Xong upload tất cả lên hosting.

B- Viết Code:

1- Code Mẫu:

Cách dùng:
- Ghi chồng đường dẫn file cấu hình lên chuỗi CONFIGLINK trong code mẫu
- Ghi chồng đường dẫn file playlist lên chuỗi PLAYLISTLINK trong code mẫu

2- Bạn được Code nhúng:

Trong ví dụ tôi dùng file cấu hình là CJtransListImgconfig2.xml.
3- Player hiển thị như sau:

Chúc bạn thành công

-CAROLINE JUDITH

by carolinejudith Sat Oct 08, 2011 10:01 am

Bài 8: Bạn có thể lồng ảnh bằng flash trong suốt

Ví dụ: file config sau đây có đường dẫn flash hình: http://www.fileden.com/files/2011/8/4/3177804//CJtransListImgconfig1.xml
Trong bài này tôi dùng list là 1 XSPF http://www.fileden.com/files/2011/8/4/3177804//xspf_playerPlaylistTest.xspf (player này chạy được 2 dạng file: XML và XSPF) vì tôi đã lồng ảnh cover cho bản nhạc.

Code nhúng

Player:

Phụ lục -

I- Flash hình trang trí

1- Anh và Em: http://vn.pijaja.com/Portals/0/UserFiles/User4204/rud203820931mq6.swf
2- Hoa hồng: http://img61.imageshack.us/img61/5133/322fm3.sw
3- Hòm thư tình yêu: http://img61.imageshack.us/img61/8025/261qy4.swf
4- Hiphop: http://nct.y1n9.com/images/hiphop.swf
5- Hôn nhau: http://vn.pijaja.com/Portals/0/UserFiles/User1991/love002.swf
6- Góc yên tĩnh: http://img156.imageshack.us/img156/3092/20080408144139675001tn7.swf
7- Mưa rơi: http://y1n9.webs.com/Flash/T227.swf
8- Trắng bạc: http://vn.pijaja.com/Portals/0/UserFiles/User4204/1t2t_80.swf
9- Cây xanh: http://img131.imageshack.us/img131/1282/1525001187hou247t2qo9.swf
10- Trái tim: http://vn.pijaja.com/Portals/0/UserFiles/User4204/5808472lr5.swf
11- Bướm bay: http://vn.pijaja.com/Portals/0/UserFiles/User456/Mrkuku.swf
12- Cỏ xanh: http://vn.pijaja.com/Portals/0/UserFiles/User4204/7431jf3.swf
13- Hoa xuyến chi: http://y1n9.webs.com/Flash/T406.swf
14- Hoa và bướm: http://imgfree.21cn.com/free/flash/97.swf
15- Hoàng hôn tím: http://vn.pijaja.com/Portals/0/UserFiles/User4204/113809910518235112wc4.swf
16- Trúc xanh: http://vn.pijaja.com/Portals/0/UserFiles/User4204/03ya5.swf
17- Hoa hướng dương: http://y1n9.webs.com/Flash/T338.swf
18- Đèn màu: http://img687.imageshack.us/img687/1433/0001.swf

II- Các flash khác:

http://img90.imageshack.us/img90/2870/coffee1ji9.swf
http://img140.imageshack.us/img140/6324/v231aj6.swf
http://img90.imageshack.us/img90/6995/v181yu2.swf
http://img90.imageshack.us/img90/7783/v721gb2.swf
http://img519.imageshack.us/img519/7040/rud203820931mq6.swf
http://img244.imageshack.us/img244/8162/y2281cn4.swf
http://img455.imageshack.us/img455/90/7430vq0.swf
http://img147.imageshack.us/img147/2751/7492yz3.swf
http://img455.imageshack.us/img455/394/7431jf3.swf
http://img185.imageshack.us/img185/1417/5808472lr5.swf
http://img527.imageshack.us/img527/423/rlfls591xu8.swf
http://img182.imageshack.us/img182/2638/y0361cc6.swf

III- 10 flash hoa hồng
1- http://img210.imageshack.us/img210/3847/q112.swf
2- http://img210.imageshack.us/img210/3921/q113.swf
3- http://img201.imageshack.us/img201/7970/q114.swf
4- http://img210.imageshack.us/img210/2922/q111.swf
5- http://img165.imageshack.us/img165/4069/b116.swf
6- http://img165.imageshack.us/img165/7527/b115.swf
7- http://img165.imageshack.us/img165/3271/b114.swf
8- http://img165.imageshack.us/img165/2111/b113.swf
9- http://img165.imageshack.us/img165/1789/b112.swf
10- http://img165.imageshack.us/img165/2940/b111.swf

Chúc bạn thành công

-CAROLINE JUDITH-

by Sponsored content

Thoát khỏi các Tool bằng XML của chính mình

Thoát khỏi các Tool bằng XML của chính mình

Bài 2: Dùng XML hiển thị hình nghệ sĩ.

Bài 3: Dùng XML đơn giản

XML đơn giản và XML phát triển

Bài 5: XML nào sẽ hiệu lực với các player này?

Bài 6: Tổng hợp về XML đơn giản và các bộ code biến thể

Bài 7: Audioplayer trong suốt với XML và hình của mình

Bài 8: Lồng ảnh bằng flash trong suốt

Re: Thoát khỏi các Tool bằng XML của chính mình