Skip navigation.

E-phonic xspf player

Saturday, 10. March 2007, 10:06:40






Xin giới thiệu với các bạn một xspf-player mới. Các bạn thấy thế nào? Cũng cool đó chứ :D. Về cơ bản, đây cũng là một trình flash player sử dụng file xspf để lưu playlish nhạc tương tự như một xspf-player trước đây mình đã từng viết bài hướng dẫn (Xem chi tiết). Tuy nhiên, E-phonic đã khoác cho player này một bộ cánh khá tươm tất. Ngoài ra, một thay đổi rất tuyệt vời đó là cho phép bạn tự tay thiết kế những bộ skin độc đáo của riêng mình thay vì sử dụng một skin duy nhất hoặc chỉ thay được background,... Dựa vào bộ hình ảnh và một file XML, bạn có thể chọn lựa skin yêu thích của mình. Cũng không quá khó để thực hiện. Mình sẽ cố gắng sớm hoàn thành bài hướng dẫn chi tiết trong thời gian tới. Trong khi đó, các bạn hãy thử sử dụng E-phonic xspf player nhé.

Các bạn có thể download và xem thông tin tại trang chủ: http://www.e-phonic.com/mp3player

Các bạn cũng có thể download tại đây:
- Flash player: Download
- Skin micro: Download
- Skin Nobius Blue: Download

* Yêu cầu trình duyệt có hỗ trợ flash player 9

New way to create a playlistOpera Việt - Giao diện ngôn ngữ tiếng Việt

Comments

GrassNCloud 10. March 2007, 15:59

Để có thể sử dụng chương trình player này, bạn làm theo hướng dẫn dưới đây:

B1: Chuẩn bị
-Bạn hãy download file "ep_player.swf" và ít nhất một skin tại trang chủ của e-phonic hoặc tại địa chỉ trên.
-Upload chúng lên blog của bạn (hoặc một online storage nào đó tùy bạn chọn).
-Tạo và upload file "playlist.xspf" (có thể thay tên nếu bạn muốn). Các bạn có thể lấy mẫu và đọc thông tin về file .xspf mình đã viết tại đây

* Chú ý:
-Skin của chương trình này là một loạt các hình ảnh cùng một file skin.xml. Chúng cần được đặt vào cùng một thư mục
-Bạn nên bố trí các file upload một cách hợp lý để dễ dàng quản lý sau này. Mình đề xuất nên tạo hẳn 1 thư mục "Ephonic" riêng. Trong đó chứa file "ep_player.swf" và file "playlist.xspf". Trong thư mục "Ephonic", tạo một thư mục con là "skin". Đây sẽ là nơi chứa các file hình ảnh. Nếu bạn muốn chứa nhiều skin hãy tạo tiếp thư mục con trong thư mục "skin"
-Với mỗi skin, sẽ có một đoạn code dùng embed riêng tùy theo thiết kế của skin đó. Mình sẽ trình bày cụ thể trong phần nhúng code bên dưới.

Kết thúc bước "Chuẩn bị"!

B2: Post bài
Để có thể đưa chương trình player này vào bài viết, bạn cần chèn đoạn code thích hợp với skin bạn muốn dùng:
- Skin Micro: 
<embed src="URLfile_ep_player.swf?skin=URLfile_skin.xml&playlist=URLfile_playlist.xspf&autoplay=false" quality="high" bgcolor="#ffffff" width="301" height="16" name="MP3Player" align="middle" play="true" loop="false" quality="high" allowScriptAccess="always" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer"></embed>


Kết quả sẽ như sau:


-Skin Nobius Blue
<embed src="URLfile_ep_player.swf?skin=URLfile_skin.xml&playlist=URLfile_playlist.xspf&autoplay=false" quality="high" bgcolor="#ffffff" width="269" height="226" name="MP3Player" align="middle" play="true" loop="true" quality="high" allowScriptAccess="always" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer">
</embed>

Kết quả sẽ là:


Trong đó, những chỗ bạn cần thay thế là:
+ URLfile_ep_player.swf: URL trỏ tới file ep_player.swf.
+ URLfile_skin.xml: URL trỏ tới file skin.xml nằm cùng thư mục với bộ ảnh skin của skin tương ứng bạn muốn sử dụng.
+ URLfile_playlist.xspf: URL trỏ tới file playlist.xspf (hoặc tên khác mà bạn đã đặt ở bước 1).

* Chú ý:
+ Chỉ dược thay đổi những đoạn chữ màu cam mình đã trình bày trên, còn lại bạn phải giữ nguyên cấu trúc dòng lệnh.
+ Một số tham số khác:
- autoplay= true hoặc false: thiết lập tự động chơi nhạc.
- bgcolor=#FFFFFF: màu nền.
- width=# : độ rộng - nên giữ nguyên để không bị thay đổi thiết kế skin.
- height=# : độ cao - nên giữ nguyên để không bị thay đổi thiết kế skin.
- loop=true hoặc false: tự chơi lại hoặc dừng hẳn khi kết thúc playlist.

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

GrassNCloud 10. March 2007, 16:48

Để tiện cho việc tạo file .xspf, mình xin post lại cấu trúc file:
- Cấu trúc rút gọn
<?xml version="1.0" encoding="UTF-8"?>
<playlist version="1" xmlns="http://xspf.org/ns/0/">
    <trackList>
        <track><location>link file mp3_1</location></track>
        <track><location>link file mp3_2</location></track>
        <track><location>link file mp3_3</location></track>
    </trackList>
</playlist>


- Cấu trúc đầy đủ:
<?xml version="1.0" encoding="UTF-8"?>
<playlist version="1" xmlns="http://xspf.org/ns/0/">
    <trackList>
        <track>
            <location>http://files.myopera.com/GrassNCloud/Music/AU/AU%20-%20For%20My%20Love%20-MStreet.mp3</location>

            <!-- Tác giả hoặc Ca sĩ -->
            <creator>M.Street</creator>

            <!-- Tên Album -->
            <album>Audition OST</album>

            <!-- Tên bài hát -->
            <title>For My Love</title>

            <!-- Chú thích cho bài hát -->
            <annotation>Chú thích của bạn</annotation>

            <!-- Độ dài bài hát, theo milliseconds -->
            <duration>271066</duration>

            <!-- Hình bìa album -->
            <image>http://files.myopera.com/GrassNCloud/albums/153122/thumbs/AlbumImage.gif_thumb.jpg
</image>

        </track>
        <track>
        ...
        </track>
    </trackList>
</playlist>

Anonymous 16. March 2007, 02:47

GB writes:

http://360.yahoo.com/nvpquan

Cái flash player này cũng thú vị dấy .. để tui thử xem. Nhưng ở flash player thông dụng của Jeroen.. cũng có chức năng custom background .055

‘๑’¯|¯ϊΜ [P]€äŗŁ™‘๑’ 19. March 2007, 10:07

Rất pro đấy anh...

nguoirung1984 23. March 2007, 08:27

error loading skin image kìa. Mình cũng thử làm rồi nhưng load không được . link này http://www.adobe.com/go/getflashplayer có vấn đè gì không nhỉ ?

GrassNCloud 23. March 2007, 15:04

link này là download plugin cho trình duyệt nếu trình duyệt của bạn không hỗ trợ.
Bạn hãy thử refresh lại browser của mình sau khi chắc chắn:
- file skin.xml và các file hình ảnh cần thiết ở cùng một thư mục
- đường dẫn tới file skin.xml là chính xác

Nếu còn vấn đề gì thì bạn hãy gửi link hoặc đoạn code bạn viết cho mình để mình xem lại.

nguoirung1984 24. March 2007, 10:52

:D mình làm được rồi. tại IE làm việc chậm quá. mình đổi máy xong nhìn lại thì thật tuyệt. hehe thank GN đã ghé thăm blog
tặng bạn 4 bài hát nghe thử xem hay không nha :D


locsoai 6. July 2007, 11:46

Cam on ban nhieu lam.Minh moi tap lam blog thui.thanks!

lqm05 23. September 2007, 00:06

chào bạn
cám ơn bạn rất nhiều về bài hướng dẫn trên

nhưng cho mình hỏi 1 chút
ở ephonic có 2 lọai skins nữa là nobius platinium và alien green
đối với skin alien green thì mình ko rõ kich thước chính xác của nó.

bạn có gợi ý nào ko ?

thanks bạn nhiều

GrassNCloud 23. September 2007, 23:17

Mình chưa kịp xem cấu trúc skin đó. Bạn có thể thấy nó trong file xml đi kèm của skin. Mình sẽ trả lời cụ thể hơn khi nghiên cứu lại.

Trần Nguyễn Việt Anh 3. October 2007, 10:06

Tớ rất cảm ơn GrassNCloud vì đã hướng dẫn tận tình (Sư phụ làm blog lâu rồi có khác ! ^_^) . Nhân đây tớ cũng muốn hỏi lại một lần nữa là : Khi tớ download skin Nobius blue mà bạn đã cho link ở trên thì được một file dạng rar . Tớ có thấy file skin.xml mà bạn nói và đã upload file đó lên blog rồi . Nhưng khi tớ lấy đường dẫn từ blog để chèn vào code và cho vào bài viết thì bị hiển thị lỗi "error loading skin image" .
Thêm nữa , tớ hỏi thêm là : Bạn nói "-Skin của chương trình này là một loạt các hình ảnh cùng một file skin.xml. Chúng cần được đặt vào cùng một thư mục" . Thế thì khi upload phải up hết hả bạn ? Mình mới làm nên chưa rõ mấy cái này lắm . Vả lại up hết thì làm thế nào mà dùng link gọi ngắn gọn như bạn ?
Chà ... chà..... Vấn đề này còn nan giải đây .... T_T

GrassNCloud 3. October 2007, 11:05

Bạn upload tất cả lên, nhưng khi dùng thì bạn chỉ cần trỏ tới link file skin.xml thôi ^^. Các file hình ảnh kia sẽ được tự nhận khi bạn để cùng thư mục với file skin.xml. Sau khi thực hiện chính xác việc này, bạn sẽ không bị lỗi "error loading skin image" do nguyên nhân không có image nữa.

Trần Nguyễn Việt Anh 8. October 2007, 04:53

Tớ làm được playlist rồi . Bạn vào blog của tớ xem sao nhé . Mà tớ thấy có hiện tượng rất hay xảy ra với playlist E-phonic là một số bài hát thì con chạy của playlist chạy cả ra ngoài side của bài hát . Hay thật P:

Trần Nguyễn Việt Anh 26. November 2007, 10:31



<?xml version="1.0" encoding="UTF-8"?>
<playlist version="1" xmlns="http://xspf.org/ns/0/">
    <trackList>
       <track>
          <location>http://files.myopera.com/saodoingoi_31011989/music/Hat%20ru%20tinh%20yeu%20-%20Dan%20Truong%20[NCT%204104620964].mp3</location>
          <title>Hat ru tinh yeu</title>
          <creator>Dan Truong ft. Ho Quynh Huong</creator>     
       </track>
       <track>
          <location>http://files.myopera.com/saodoingoi_31011989/music/ngoinhahoahong.mp3</location> 
          <title>Ngoi nha hoa hong</title>
          <creator>Quang Vinh ft. Bao Thy</creator>
       </track>
       <track>
           <location>http://files.myopera.com/saodoingoi_31011989/music/honda.mp3</location>
           <title>Hon da co don</title>
           <creator>Tran Vu</creator>
        </track>
        <track>
            <locaton>http://files.myopera.com/saodoingoi_31011989/music/danhquen.mp3</location>
            <title>Danh quen</title>
            <creator>Truc Duy</creator>
        </track>
        <track>
            <location>http://files.myopera.com/saodoingoi_31011989/music/khicodon.mp3</location>
            <title>Khi co don em nho ai</title>
            <creator>Dan Truong</creator>
        </track>
        <track>
            <location>http://files.myopera.com/saodoingoi_31011989/music/baogioembiet.mp3</location>
            <title>Bao gio em biet ?</title>
            <creator>Kim ft. Ken Chou</creator>
         </track>
         <track>
            <location>http://files.myopera.com/saodoingoi_31011989/music/congchuabongbong.mp3</location>
            <title>Cong chua bong bong</title>
            <creator>Bao Thy</creator>
         </track>
         <track>
            <location>http://files.myopera.com/saodoingoi_31011989/music/demthoigian.mp3</location>
            <title>Dem thoi gian</title>
            <creator>Nhom Huyen thoai</creator>
         </track>
         <track>
            <location>http://files.myopera.com/saodoingoi_31011989/music/giotsuongvachiecla.mp3</location>
            <title>Giot suong va chiec la</title>
            <creator>Luu Huong Giang</creator>
         </track>
         <track>
            <location>http://files.myopera.com/saodoingoi_31011989/music/210.mp3</location>
            <title>2+1=0</title>
            <creator>Nguyen Phi Hung - Quang Vinh - Ngo Mai Trang</creator>
         </track>
         <track>
            <locaton>http://files.myopera.com/saodoingoi_31011989/music/cobemuadong.mp3</location>
            <title>Co be mua dong</title>
            <creator>Dang Khoi ft. Thuy Tien</creator>
         </track>
         <track>
            <location>http://files.myopera.com/saodoingoi_31011989/music/conmaitimnhau.mp3</location>
            <title>Con mai tim nhau</title>
            <creator>Dan Truong</creator>
         </track>
         <track>
            <location>http://files.myopera.com/saodoingoi_31011989/music/chimtrangmocoi.mp3</location>
            <title>Chim trang mo coi</title>
            <creator>Dan Truong ft. Cam Ly</creator>
         </track>
         <track>
            <location>http://files.myopera.com/saodoingoi_31011989/music/hoasim.mp3</location>
            <title>Nhung doi hoa sim</title>
            <creator>Nhu Quynh</creator>
          </track>
    </trackList>
</playlist>

Còn đây là code tớ đã làm : 
<embed src="http://files.myopera.com/saodoingoi_31011989/Playlist/ep_player.swf?skin=http://files.myopera.com/saodoingoi_31011989/Playlist/skin.xml&playlist=http://files.myopera.com/saodoingoi_31011989/Playlist/list.xspf&autoplay=true" quality="high" bgcolor="#ffffff" width="269" height="226" name="MP3Player" align="middle" play="true" loop="true" quality="high" allowScriptAccess="always" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer"></embed>

Đây là toàn bộ phần playlist mà mình làm cho blog của mình , nhưng chẳng hiểu sao khi save lại ( vẫn save được ) và upload lên blog ( ngon lành ) nhưng vẫn cứ không hiển thị được bài hát nhỉ ? Mà tớ xem lại trong phần file rar của skin này có một file là thumbs.db , có cần upload file này không ? Vì tớ thấy trong khi tớ không upload file này thì plalist của tớ vẫn hiển thị tốt phần hình ảnh , nhưng bài hát ( tên , ca sĩ ... ) thì không . Chuối nhất là quả playlist không hiển thị bài hát ở các blog khác thì nó thông báo luôn là Error loading skin image , đằng này vẫn hiện ra được playlist nhưng chẳng có bài hát nào hết trơn ! Ức chế quá sư phụ ơi !!!!!!! :irked:

GrassNCloud 26. November 2007, 12:42

E hèm, Cloud đã nói Cloud ko phải là sư phụ gì gì nhé! Bạn download file mp3player.rar đúng ko, trong đó có thư mục skins, rồi thư mục alien_green đúng ko hè? Trong thư mục alien_green đó có bao nhiêu file upload lên hết trên cùng một thư mục, tốt nhất là cứ upload lên host của Opera, sau khi đã tạo 1 cái directory riêng cho nó! Ok rồi chứ bạn? :D

Trang Thanh Luận 26. March 2008, 18:44

mình làm trên ie rất ổn - nhưng dùng ff thì flash k hiện ra. Bạn cso cách khắc phục không ? anyway, thanks 4 tips

Edit: mình dung ff vào web bạn cũng chẳng thể nghe đc ... phải chăng lỗi ff mình ?

Anonymous 27. March 2008, 12:14

Anonymous writes:

cuối cùng cũng chơi đc trên ff... ra là do thằng plugin >.

AliLam 9. November 2009, 11:12

Lỗi ở chỗ này các bro: http://files.myopera.com/saodoingoi_31011989/Playlist/list.xspf

file ở trên không open trực tiếp được :D

How to use Quote function:

  1. Select some text
  2. Click on the Quote link

Write a comment

Comment
(BBcode and HTML is turned off for anonymous user comments.)

If you can't read the words, press the small reload icon.


Smilies

Download Opera, the fastest and most secure browser
January 2010
M T W T F S S
December 2009February 2010
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31

Friends's Blog

Thử cái nào