Thay Thế Chiplove bằng tool khác: Y1N9

by carolinejudith Sun Sep 11, 2011 8:41 pm

A- ChipLove xa rời cộng đồng

Phiên bản V3 của ChipLove mà phiên bản cũ vốn được yêu chuộng vì tính đa dụng nay đang gây bất mãn trên cộng đồng 360Plus vì những nguyên nhân sau:

1- Vài ngàn blogger bị phá vỡ thiết kế Home và entry
2- Không ai có thể bỏ công sức để sửa lại vài trăm trang (có blog đến cả ngàn) bài viết của mình
3- Hàng trăm ngàn comment bị vô hiệu khiến các trang blog trông thật thảm thương
4- Code quá phức tạp. Đặc biệt ID XML của Zing rất khó tìm được. Các bài hướng dẫn cũ đều bất sai lạc với phiên bản này.
5- Trong code có vài mã vi phạm HTML. Nhiều diễn đàn có chế độ tự động chèn mã html vào code đã hiểu lầm các mã vi phạm làm cho player bị vô hiệu. Ví dụ mã type:playlist bị vi phạm ở dấu chấm đôi kề ký tự p (:p) hay các ký tự @ đã bị diễn đàn chèn html vào vì bị hiểu lầm là mã email.
6- Ngày 10/09/2011 thì các player đều không còn phát nhạc nữa (trừ những player được nhúng trước ngày 10/09/2011)
7- XML chèn 1 đoạn ghi âm trước bài hát khiến người nghe rất khó chịu.

Với những bất tiện trên, người dùng cần có 1 tool ổn định, dễ sử dụng, và code không bị lỗi trên các diễn đàn khác nhau.

B- y1n9 - Thay thế ChipLove

Tool này có những ưu điểm:

1- Không ảnh hưởng đến người đang sử dụng dù Tool này ngày càng nâng cấp vì không thay đổi bộ code.
2- Bộ code đơn giản. Cách chèn link vào code nhanh gọn. Các bài hướng dẫn cũ vẫn hiệu lực với tool.
3- Đã hỗ trợ Zing và còn hỗ trợ cả video zing (nhưng không play hình, ngoại trừ giao diện cổ điển solid color).
4- Hỗ trợ 18 flash nền . Người dùng có thể thay flash nền bằng hình nền. Hoặc có thể sử dụng đồng thời cả flash nền lẫn hình nền trong bảng.
5- Hỗ trợ 14 flash Fantasie (chỉ audio)

Như thế người dùng đã có thể từ bỏ Chiplove để yên tâm sử dụng tool của y1n9.

Trong các bài kế, tôi lần lược trình bày có hệ thống tool này

-CAROLINE JUDITH-

by carolinejudith Sun Sep 11, 2011 8:48 pm

Phân tích tool của y1n9

A- Player Flash

I- Player cổ điển :
https://i637.photobucket.com/albums/uu96/linhtungx/player/mediaplayer_y1n9.swf
Dùng được cho mọi link (audio, video, nhạc đơn, playlist, MP3, MP4, FLV)

II- Player Fantasie

1- Ỉn xanh: https://i173.photobucket.com/albums/w49/chiplove9xpro/Flash/nctpigblue.swf
2- Ỉn hồng: https://i173.photobucket.com/albums/w49/chiplove9xpro/Flash/nctpigpink.swf (Carol bổ sung)
3- Ỉn đen: https://i173.photobucket.com/albums/w49/chiplove9xpro/Flash/pigblack.swf
4- Ỉn trắng: https://i173.photobucket.com/albums/w49/chiplove9xpro/Flash/pigwhite.swf
5- Gấu 1: https://i173.photobucket.com/albums/w49/chiplove9xpro/Flash/bear.swf
6- Gấu 2: https://i173.photobucket.com/albums/w49/chiplove9xpro/Flash/gau2.swf
7- Nốt nhạc: https://i173.photobucket.com/albums/w49/chiplove9xpro/Flash/bannhac.swf
8- Teddy: https://i173.photobucket.com/albums/w49/chiplove9xpro/Flash/teddy.swf
9- Halo: https://i173.photobucket.com/albums/w49/chiplove9xpro/Flash/halo.swf
10- Fairy: https://i173.photobucket.com/albums/w49/chiplove9xpro/Flash/fairy.swf
11- Thỏ: https://i173.photobucket.com/albums/w49/chiplove9xpro/Flash/chiplovepig3.swf
12- Hoa Lá cành: https://i173.photobucket.com/albums/w49/chiplove9xpro/Flash/mp3bdg01.swf
13- Mouse: https://i173.photobucket.com/albums/w49/chiplove9xpro/Flash/mouse.swf
14- Flower: https://i173.photobucket.com/albums/w49/chiplove9xpro/Flash/flower.swf
15- Music: https://i173.photobucket.com/albums/w49/chiplove9xpro/Flash/music.swf

III- Player trong suốt Lồng hình
https://i847.photobucket.com/albums/ab37/delight8x/plus2010/Aviraantivir_9117_MediaPlayer.swf

Chỉ áp dụng cho AUDIO

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

B- XML tool

http://nct.y1n9.com/360PLUS/?id=PAGELink

Cách tạo XML: Ghi chồng địa chỉ trang nhạc lên chuỗi PAGELink.
Cấu tạo XML như thế là rất đơn giản đối với người dùng, đồng thời các chức năng chèn HTML tự động của diễn đàn / blog cũng không thể đọc lầm được.

C- Configuration

1- Giao diện cổ điển: không cấu hình
2- Giao diện Fantasie: %26type=pig
3- Giao diện lồng hình: %26type=you&config=ok

CAROLINE JUDITH

Tham khảo:
Player: y1n9, Chiplove
XML: y1n9
Flash hình: y1n9
Viết bài: Caroline Judith

by carolinejudith Mon Sep 12, 2011 8:39 am

Giao diện cổ điển của tool y1n9.

A- Nhạc đơn

I- NCT

Bài "Đêm Trăng Thu" - Thùy Chi & M4U"
Địa chỉ: http://www.nhaccuatui.com/nghe?M=nju5wyZZpX

Code mẫu

Cách dùng:
- Ghi chồng địa chỉ trang nhạc lên chuỗi NCTLink trong code mẫu
- Ghi chồng đường dẫn logo lên chuỗi LOGOURL trong code mẫu

Code nhúng của ví dụ là:

Player hiển thị:

II- Zing

Bài "Tình Yêu Trả Lại Trăng Sao - Quốc Đại" (Lê Dinh)
Địa chỉ: http://mp3.zing.vn/bai-hat/Tinh-Yeu-Tra-Lai-Trang-Sao-Quoc-Dai/ZWZAOE8B.html

Code mẫu

Cách dùng:
- Ghi chồng địa chỉ trang nhạc lên chuỗi ZINGLink trong code mẫu
- Ghi chồng đường dẫn logo lên chuỗi LOGOURL trong code mẫu
Logo: http://www.fileden.com/files/2009/8/26/2555918//CJ-logo.gif

Code nhúng của ví dụ là:

Player hiển thị:

III- Video Zing

Bài "Dấu Môi /- Tiết Khải Kỳ"
Địa chỉ: http://mp3.zing.vn/video-clip/Dau-Moi-Tiet-Khai-Ky/ZWZD8CU0.html

Code mẫu

Cách dùng:
- Ghi chồng địa chỉ trang nhạc lên chuỗi ZINGLink trong code mẫu
- Ghi chồng đường dẫn logo lên chuỗi LOGOURL trong code mẫu
Logo: http://www.fileden.com/files/2009/8/26/2555918//CJ-logo.gif

Code nhúng của ví dụ là:

Player hiển thị:

B- List

I- NCT

Playlist "V.A -Nắng Chiều (Những Tình Khúc Vượt Thời Gian 5)"
Địa chỉ: http://www.nhaccuatui.com/nghe?L=arwJwvMqzy82

Code mẫu

Cách dùng:
- Ghi chồng địa chỉ trang nhạc lên chuỗi NCTLink trong code mẫu
- Ghi chồng đường dẫn logo lên chuỗi LOGOURL trong code mẫu
Logo: http://www.fileden.com/files/2009/8/26/2555918//CJ-logo.gif

Code nhúng của ví dụ là:

Player hiển thị:

II- Zing

Album "Cho Đời Chút Ơn - Trịnh Vĩnh Trinh"
Địa chỉ: http://mp3.zing.vn/album/Cho-Doi-Chut-On-Trinh-Vinh-Trinh/ZWZ9ACAC.html

Code mẫu

Cách dùng:
- Ghi chồng địa chỉ trang nhạc lên chuỗi ZINGLink trong code mẫu
- Ghi chồng đường dẫn logo lên chuỗi LOGOURL trong code mẫu
Logo: http://www.fileden.com/files/2009/8/26/2555918//CJ-logo.gif

Code nhúng của ví dụ là:

Player hiển thị:

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

-CAROLINE JUDITH-

Tham khảo:
Nhạc: NCT & ZING
Player: y1n9
XML: y1n9
Viết bài: Caroline Judith

by carolinejudith Mon Sep 12, 2011 9:44 am

Giao diện cổ điển của tool y1n9 - List ngang

Xin nhắc bạn đọc: Toàn thể topic này viết cho 360Plus nhưng cũng áp dụng được trên mọi webpage.

Vì sự cân đối của giao diện, chỉ nên áp dụng code loại này cho các list nhạc.

I- NCT

Playlist: Lê Tấn Quốc - Im Lặng
Địa chỉ: http://www.nhaccuatui.com/nghe?L=f8uZ0BOp4aRb
Logo: http://s2.gonct.info/playlist/2011/09/08/f8uZ0BOp4aRb.jpg (190 x 184 )

Code mẫu:

Cách dùng:
- Ghi chồng địa chỉ trang nhạc lên chuỗi NCTLink trong code mẫu
- Ghi chồng đường dẫn logo lên chuỗi LOGOURL trong code mẫu
- displaywidth= width của hình = 190 | height= height của hình + 10 = 194
Logo: http://s2.gonct.info/playlist/2011/09/08/f8uZ0BOp4aRb.jpg (190 x 184 )

Code nhúng của ví dụ là:

Player hiển thị:

II- Zing

Playlist: Gia Đình Nhỏ, Hạnh Phúc To (My Family) - Various Artists
Địa chỉ: http://mp3.zing.vn/album/Gia-Dinh-Nho-Hanh-Phuc-To-My-Family-Various-Artists/ZWZ9COO8.html
Logo: http://image.mp3.zdn.vn/thumb/140_140/covers/1/5/15fb9440cfa7e94cb0d1f8c248dde713_1315291996.jpg (145 x 145 )

Code mẫu:

Cách dùng:
- Ghi chồng địa chỉ trang nhạc lên chuỗi ZINGLink trong code mẫu
- Ghi chồng đường dẫn logo lên chuỗi LOGOURL trong code mẫu
- displaywidth= width của hình = 145| height= height của hình + 10 = 155

Code nhúng của ví dụ là:

Player hiển thị:

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

-CAROLINE JUDITH-

Tham khảo:
Nhạc: NCT & ZING
Player: y1n9
XML: y1n9
Viết bài: Caroline Judith

by carolinejudith Mon Sep 12, 2011 10:51 am

Giao diện Fantasie

Các flash có diện fantasie đã được liệt kê ở bài 2 (Phân tích tool của y1n9). Tât cả các flash này có chung thuộc tính:
1- Chỉ play nhạc audio
2- Dùng được cho cả nhạc đơn lẫn list. Tuy nhiên, do kích thước của giao diện thì các player sau đây chỉ nên dùng để nhúng nhạc đơn: Ỉn xanh, Ỉn hồng, Ỉn đen, Ỉn trắng và Fairy (width="160" height="180")

Code mẫu:

Cách dùng:
- Ghi chồng đường dẫn các flash Fantasie lên chuỗi FLASHLink trong code mẫu (tham khảo ở bài 2)
- Ghi chồng địa chỉ trang nhạc lên chuỗi PAGELink
- Chỉnh width và height cho thích hợp.
* width = từ 160 đến 170.
* height của giao diện ngắn = 180.
* height của giao diện dài = từ 260 đến 280.

I- NCT

Ví dụ: bài Ngày Không Em (Remix 2011) - trình bày: DJ.
Địa chỉ: http://www.nhaccuatui.com/nghe?M=20Z62PSCTP
Flash: https://i173.photobucket.com/albums/w49/chiplove9xpro/Flash/nctpigblue.swf

Code nhúng:

Player hiển thị

II- Zing

Ví dụ: album Cho Một Tình Yêu - Mỹ Tâm.
Địa chỉ: http://mp3.zing.vn/album/Cho-Mot-Tinh-Yeu-My-Tam/ZWZ9CZUF.html
Flash: https://i173.photobucket.com/albums/w49/chiplove9xpro/Flash/teddy.swf

Code nhúng:

Player hiển thị

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

-CAROLINE JUDITH-

Tham khảo:
Nhạc: NCT & ZING
Player: Chiplove
XML: y1n9
Viết bài: Caroline Judith

by carolinejudith Mon Sep 12, 2011 2:24 pm

Trang trí cho player cổ điển

I- Cách trang trí bằng hình

Bạn có thể dùng hình logo hoặc hình nào cũng được đặt vào vùng display cho nhạc đơn audio. Tham số quan trọng nhất là displayheight.
Displayheight = height của hình +40
Height của player = height của hình + 60 (NCT) hoặc + 40 (Zing)
Width của player= width của hình + 40

Code mẫu

Cách dùng: bạn ghi chồng đường dẫn hình lên chuỗi LOGOURL của code mẫu
Thiết lập tham số displayheight , height, và width như hướng dẫn bên trên

Ví dụ, bài
Bài "Đêm Trăng Thu" - Thùy Chi & M4U
Địa chỉ: http://www.nhaccuatui.com/nghe?M=nju5wyZZpX
Logo; http://image.mp3.zdn.vn/thumb/140_140/avatars/f/3/f3ccdd27d2000e3f9255a7e3e2c48800_1300250945.jpg (110 x 110)

Thực tế để làm player này tôi đã cho width="300" height="170" và displayheight=150 (20 dành cho Control bar)

Code nhúng sẽ là:

Player:

II- Cách trang trí bằng flash

Bạn vẫn có thể thay hình bằng flash nhưng sự quá rộng của các lề trên (20) và lề phải (40) sẽ làm cho khung display xấu đi.

Tóm lại: Với player solid này thì việc trang trí dựa vào
- Màu nền
- Màu chữ
- Màu sáng
- Logo hình

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

-CAROLINE JUDITH

by carolinejudith Mon Sep 12, 2011 5:42 pm

Giao diện trong suốt của y1n9 để lồng hình

Các code này không hỗ trợ video

Code mẫu:

Cách dùng:
- Ghi chồng đường dẫn trang nhạc (NCT, Zing, nhạc dơn, list) lên chuỗi PAGELink trong code mẫu
- Ghi chồng đường dẫn flash lên chuỗi IMGUrl trong code mẫu
(Bạn có thể tham khảo danh sách 18 flash hình trang trí ở bài 2). Thiết lập tham số width và height tùy ý
Bạn có thể dùng hình nhưng cần thiết lập tham số width và height tương đương với hình.

A- NCT

I- Nhạc dơn

Ví dụ: Đêm Đông - Trình bày: Lệ Thu & Diễm Liên
Địa chỉ: http://www.nhaccuatui.com/nghe?M=lgjmbYPnao
Flash trang trí: Góc yên tĩnh (http://img156.imageshack.us/img156/3092/20080408144139675001tn7.swf)

Code nhúng

Player

II- Playlist

Ví dụ: Beyoncé - Best Thing I Never Had (Remixes 2011)
Địa chỉ: http://www.nhaccuatui.com/nghe?L=27iz18cux7xH
Flash trang trí: Hoa Hướng Dương (http://y1n9.webs.com/Flash/T338.swf)

Code nhúng

Player

B- ZING

I- Nhạc Đơn

Ví dụ: Giọt Mưa Thu - Hoàng Oanh
Địa chỉ: http://mp3.zing.vn/bai-hat/Giot-Mua-Thu-Hoang-Oanh/ZWZCDEAB.html
Hình bản nhạc: http://a21.idata.over-blog.com/0/42/84/39/Album3/giotmuathudangthephong1pr3.gif (566 x 800)

Code nhúng

Player:

II- Album

Ví dụ : album Một thời để yêu và một thời để chết
Địa chỉ: http://mp3.zing.vn/playlist/Yeu-Chet-Dang-cap-nhat/IW9AOB78.html
Hình nền: http://l.yimg.com/bt/api/res/1.2/FibJ6B._xTMrbwTx_kAa_Q--/YXBwaWQ9eW5ld3M7cT04NTt3PTMxMA--/http://media.thethaovanhoa.vn/2011/09/11/11/32/cam.jpg (310 x 343)

Code nhúng:

Player

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

-CAROLINE JUDITH-

Tham khảo:
- Player: y1n9
- Flash trang trí: y1n9
- Nhạc : NCT, Zing
- Viết bài: Caroline Judith

by carolinejudith Tue Sep 13, 2011 10:13 am

Giao diện cổ điển và đường dẫn trực tiếp

Giao diện cổ điển của y1n9 cho phép nhúng media bằng đường dẫn MP3, MP4 và FLV

Code mẫu:

Cách dùng:
1- Ghi chồng đường dẫn nhạc audio MP3 hặc video MP4, FLV lên chuỗi Mp3FlvMp4Url trong code mẫu.
2- Ghi chồng đường dẫn hình logo lên chuỗi ImgUrl trong code mẫu.
3- Thiết lậpTham số Dimension
a- Khi dùng Logo chữ :
- Với nhạc video: displayheeight = height = height của video | width= width của video
- Với nhạc audio: displayheight = height = height của player = 70
b- Khi dùng Logo hình:
- Với nhạc video: không dùng (vì che lấp video) . Chỉ dùng logo chữ
- Với nhạc audio: displayheight=height của của hình | &height=height của của hình +10px cho lề | width="width của hình " | height="height của của hình +10px cho lề"

Ví dụ 1: Audio logo chữ:
Bài Qua Cầu Gió Bay - Elvis Phương - Khánh Ly
Đường dẫn MP3: http://www.fileden.com/files/2009/8/26/2555918/QuaCauGioBay.mp3
Logo chữ: http://www.fileden.com/files/2009/8/26/2555918//CJ-logo.gif

Thiết kế Dimension: displayheight=70 | &height=70 | width="300" height="70"

Code nhúng:

Player:

Ví dụ 2: Video logo chữ

Clip Đấu Trí
- Đường dẫn FLV: http://www.fileden.com/files/2009/8/26/2555918/Dautri.flv (280 x 300)
- Logo chữ: http://www.fileden.com/files/2009/8/26/2555918//CJ-logo.gif
- Thiết kế Dimension: displayheight=280 | &height=280 (thêm 10px cho lề) | width="300" ( tránh nút Play đè lên mặt chân dung) height="145"

Code nhúng

Player hiển thị như sau:

Ví dụ 3: Audio logo hình

Bài Qua Cầu Gió Bay - Elvis Phương - Khánh Ly
Đường dẫn MP3: http://www.fileden.com/files/2009/8/26/2555918/QuaCauGioBay.mp3
Logo chữ: http://seablogs.zenfs.com/u/Eq40CCmdGxKH0P5pvnydOAg-/profile/2.jpg (103 x 135)

Thiết kế Dimension: displayheight=145 | &height=145 (thêm 10px cho lề) | width="250" (lẽ ra là = 103+10=113, nhưng tôi tăng lên đến 250 để tránh nút Play đè lên mặt chân dung) | height="145"

Code nhúng:

Player:

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

-CAROLINE JUDITH-

Tham khảo:
- Nhạc : Fileden
- Player: y1n9
- Viết bài: Caroline Judith

by carolinejudith Wed Sep 14, 2011 8:06 pm

Giao diện IPod chỉ play được các list. Vốn player này là của Chiplove, nhưng vì phiên bản xml V3 của Chiplove không áp dụng được cho player này nên tôi thay thế bằng xml của Y1N9

A- Những tính năng của player giao diện IPOD

Giao diện Ipod cung cấp những chức năng thú vị.
1- Cho phép nhúng list nhạc từ NCT và Zing
2- Cho phép vừa chạy slide ảnh vừa nghe nhạc
3- Cho phép người xem đăng nhập Yahoo Mail
4- Cho phép người xem đăng nhập Gmail
5- Cho phép người xem đăng nhập YM để chat với mình
6- Cho phép truy cập NCT
7- Cho phép truy cập MP3Zing
8- Cho phép viết lời chào bằng chữ chạy
9- Cho phép tắt mở chế độ xem playlist

B- Code mẫu:

Cách dùng:
1- Ghi chồng địa chỉ của trang nhạc lên chuỗi NCTZINGPage
- Ví dụ: NCT playlist "Ái Vân - Lời Ru Mùa Đông" từ địa chỉ http://www.nhaccuatui.com/nghe?L=yZ6byPvUqZVs
- Ví dụ: ZING album "Gió Lạnh - Cao Thái Sơn" từ địa chỉ http://mp3.zing.vn/album/Gio-Lanh-Cao-Thai-Son/ZWZ9COZU.html

2- Ghi chồng địa chỉ các hình lên các chuỗi Hinh1, Hinh2, Hinh3.
- Muốn thêm các hình thứ 4 , 5, 6... vv thì thêm imageN=HinhN (ký tự N cuối mỗi chuỗi là thứ tự hình)
- Bạn thêm bao nhiêu hình cũng được, nhưng chuỗi code không được cách quãng.

3- Ghi chồng lời chào của bạn lên chuỗi LoiChao
Ví dụ: Chào mừng các bạn ghá thăm nhà Caroline. Chúc các bạn một ngày thật nhiều niềm vui - CJ-

4- Ghi chồng nick chat Yahoo Messenger của bạn lên chuỗi YourYM. Ví dụ, carolinejudith.

C- Kết quả

Sau khi lưu bạn sẽ được code nhúng là:

Và player sẽ hiển thị như sau:

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

-CAROLINE JUDITH-

Tham khảo:
- Flash: Chiplove
- XML: Y1N9
- Nhạc: NCT
- Viết bài: Caroline Judith

by Sponsored content

Thay Thế Chiplove bằng tool khác: Y1N9

Thay Thế Chiplove bằng tool khác: Y1N9

Bài 2: Phân tích tool của y1n9

Bài 3: Giao diện cổ điển của tool y1n9

Bài 4: Giao diện cổ điển của tool y1n9 - List ngang

Bài 5: Giao diện Fantasie

Bài 6: Trang trí cho player cổ điển

Bài 7: Giao diện trong suốt của y1n9 để lồng hình

Bài 8: Dùng player giao diện cổ điển để nhúng Media bằng đường dẫn trực tiếp

Giao Diện IPOD

Re: Thay Thế Chiplove bằng tool khác: Y1N9