"Dù bị đau đớn quằn quại, tôi vẫn tha thiết yêu thương trần gian điên dại này"
Hôm nay viết tut này giúp mọi người chèn nhạc và video vào blog hoàn toàn theo ý bạn muốn, cực pờ rồ luôn sengihnampakgigi (Bài này tớ viết rất dài và nhúng nhiều flash minh họa nên nếu load bài không thấy flash minh họa, bạn nhớ refesh vài lần để load cho hết. Còn refresh mãi mà flash không ra thì host chứa file nó bị đơ hoặc hết bandwidth, đợi lúc khác xem lại )

Giới thiệu sơ qua về JW Player cho bạn nào chưa biết nó:
JW Player là 1 chương trình flash mã nguồn mở dùng để phát nhạc và video được sử dụng phổ biến ở rất nhiều các trang web, diễn đàn
Đây là trang chủ:
http://www.longtailvideo.com

Về âm thanh, JW Player hỗ trợ 2 định dạng: MP3 & ACC
Về video, JW Player hỗ trợ 2 định dạng: FLV & MP4
JW Player có giao diện gốc rất đơn giản:


Nhưng với sự tùy biến rất linh hoạt thông qua việc khai báo biến trực tiếp hoặc thiết lập qua 1 file điều khiển dạng xml các bạn có thể thay đổi giao diện, thêm bớt các chức năng theo ý mình như tự động chơi, chơi ngẫu nhiên, thêm ảnh cho bài hát hay video, thêm logo của riêng bạn vv...
Bạn có thể download JW Player bản mới nhất version 4.5 ở đây:

http://www.longtailvideo.com/players/jw-flv-player

Trước khi download, bạn nhớ tháo lựa chọn Include the JW Viral Plugin (Trong trường hợp bạn muốn hiển thị chia sẻ code của file mp3 hay video để người khác có thể copy trực tiếp khi xem ở blog thì bạn hãy chọn Include the JW Viral Plugin)
Trong file zip tải về, giải nén ra bạn chỉ cần lấy file player.swf. Sau đó upload file player.swf lên host free hay những website lưu trữ trực tuyến cho dùng link trực tiếp để tiện dùng. Nếu bạn nào không biết dùng host để quản lý và upload thì có thể tìm hiểu các bài viết khác trên mạng, trong khuôn khổ bài viết này tớ không đề cập.
Bạn cũng có thể lợi dụng dùng luôn JW Player trực tiếp từ trang chủ theo link này:

http://player.longtailvideo.com/player.swf

Bây giờ tới phần hướng dẫn các bạn dùng JW Player để chèn nhạc và video vào blog của mình. Chúng ta sẽ đi từ các bước đơn giản cho tới nâng cao

1. Code tổng quát
2. Các biến của JW Player
3. Code cơ bản - Chèn 1 bản nhạc hay 1 file video vào blog.
4. Code nâng cao - Tùy biến JW Player theo ý bạn
5. Code nâng cao - dùng file điều khiển xml thay thế.
6. Code nâng cao - Chèn 1 list nhạc & video vào blog.
7. Bonus
(phần này hay à nha. Các bạn nhớ coi mục này đó, chớ bỏ phí
ihikhik setan)

1. Code tổng quát:
Code tổng quát để chèn JW Player vào blog dạng sau:


<embed width="chiều rộng file flash" height="chiều cao file flash" type="application/x-shockwave-flash" src="link file JW Player" flashvars="các biến của JW Player">
</embed>

Trong đó:
- chiều rộng và chiều cao file flash: bạn có thể đặt theo ý bạn. Tuy nhiên ở đây bạn dùng JW Player để phát nhạc hoặc video thì kích cỡ chiều rộng và chiều cao nên theo tỉ lệ của ảnh hoặc video mà bạn chèn vào và tớ thường dùng theo tỉ lệ 4:3.
- link file flash: bạn thay bằng link mà bạn đã upload JW Player hoặc bạn có thể dùng luôn JW Player từ trang chủ: http://player.longtailvideo.com/player.swf
- flashvars="các biến của JW Player": đây chính là phần khai báo kết hợp các biến để tùy biến JW Player hoạt động theo ý bạn.

Như vậy code tổng quát để chèn JW Player vào blog như sau:


<embed width="400" height="330" type="application/x-shockwave-flash" src="http://player.longtailvideo.com/player.swf" flashvars="các biến của JW Player">
</embed>


2. Các biến của JW Player:

Các bạn có thể đọc các biến của JW Player tại đây:

http://developer.longtailvideo.com/trac/wiki/FlashVars

Bạn chỉ cần quan tâm tới 3 phần:
a. File properties: các biến khai báo file nhạc hay video bạn cần nhúng vào blog
b. Layout: các biến khai báo giao diện cho JW Player
c. Behaviour: các biến quy định cách thức chơi nhạc hay video.
Ở đây tớ sẽ nói 1 số các biến chính đủ dùng cho blog
Khi khai báo các biến vào đằng sau lệnh flashvars thì các biến được kết hợp với nhau thông qua ký tự &.Tuy nhiên đối với blogspot, bạn phải đổi ký tự & thành &amp; thì mới dùng được. Còn ở Yahoo Plus thì nó sẽ tự động chuyển & thành &amp; cho bạn.

a. File properties:
* file: khao báo đường dẫn file music hay video
ví dụ: file=http://hpbox.425mb.com/media/music/Bai_Khong_Ten_so_4.mp3

* image: khai báo file ảnh bạn muốn hiển thị trên màn hình JW Player.
ví dụ: image=http://img18.imageshack.us/img18/9954/kittycm.jpg

b. Layout:
* skin: đây chính là biến dùng để bạn lột xác cho JW Player của mình có bộ cánh đẹp hơn
bạn có thể vào đây lấy các skin cho JW Player:

http://www.longtailvideo.com/addons/skins

Sau khi tải về, các bạn chỉ việc lấy file flash swf trong đó ra rồi upload lấy link trực tiếp để dùng, hoặc bạn có thể dùng sẵn skin từ trang chủ:

Snel: http://www.longtailvideo.com/files/skins/snel.swf
Stijl: http://www.longtailvideo.com/files/skins/stijl.swf
Comet: http://www.longtailvideo.com/files/skins/comet.swf
Playcasso: http://www.longtailvideo.com/files/skins/playcasso.swf

ví dụ: skin=http://www.longtailvideo.com/files/skins/snel.swf

* logo: chèn logo của bạn. Logo sẽ hiển thị ở góc phải phía trên màn hình JW Player
ví dụ: http://img27.imageshack.us/img27/3257/logohz.png

* backcolor: chỉnh màu nền của playlist và nền phía sau của các nút điều khiển
* fontcolor: chỉnhmàu của các nút điều khiển và chữ hiển thị trong playlist
* lightcolor: chỉnh màu hiển thị khi bạn rê chuột vào các nút lệnh hay text trong playlist
ví dụ: backcolor=fffffff&frontcolor=000000&lightcolor=66cc00
thì JW Player sẽ có màu nền trắng (ffffff), các nút và text có màu đen (000000), khi rê chuột vào sẽ biến thành màu xanh lá cây (66cc00)
Bạn có thể tham khảo mã màu ở ngay trong blogspot (phần Settings \ Fonts & Color) hoặc vào trang sau để lấy mã màu:

http://www.colorpicker.com/

* controlbar: đây chính là thanh điều khiển của JW Player bao gồm các nút như Player, Stop, Volume...
mặc định sẽ là ở vị trí dưới cùng, bạn có thể thay đổi theo ý như tự động ẩn hoặc trên cùng hoặc không hiển thị
ví dụ:
controlbar=over: thanh điều khiển sẽ tự động ẩn khi bạn chơi nhạc hay xem video.
controlbar=top: thanh điều khiển ở vị trí trên cùng.

* icons: cho phép hiển thị các biểu tượng của các nút lệnh trên màn hình JW Player, mặc định là hiển thị.
Nếu bạn không muốn nó hiển thị trên màn hình của JW Player thì bạn có thể giấu nó đi bằng cách khai báo
icons=0 hoặc icons=true
(0 hoặc false = tắt, 1 hoặc true = bật)

* playlist và playlistsize: định nghĩa playlist trong trường hợp bạn muốn chèn 1 danh sách bài nhạc hay video (sẽ nói ở phần 5)

c. Behaviour:
* displayclick: khi bạn click chuột vào màn hình JW Player, nó sẽ chơi, tạm dừng, câm tiếng... mặc định là Play.
ví dụ: displayclick=none: sẽ không thực hiện lệnh nào khi click chuột vào màn hình JW Player

* autostart: quy định tự động chơi hoặc không. Mặc định là không tự động chơi. Nếu bạn muốn tự động chơi thì khai báo
autostart=1 hoặc autostart=true

* repeat: lặp lại.
ví dụ: repeat=list: lặp lại 1 lần toàn bộ list nhạc

* shuffle: chơi bài 1 cách ngẫu nhiên, tác dụng khi bạn chèn 1 danh sách nhạc mà thôi. (phần 6)
ví dụ: shuffle=1 hoặc shuffle=true

* smoothing: khi chiếu video, bạn nên sử dụng biến này để có hình ảnh mịn màng hơn.
ví dụ: smoothing=1 hoặc smoothing=true

* stretching: co dãn ảnh hiển thị ở màn hình JW Player, mặc định stretching=uniform

* volume: chỉnh âm lượng mặc định ban đầu theo ý bạn, giá trị từ 0 tới 100%
ví dụ: volume=0: câm tiếng
volume=100: âm thanh to hết cỡ.

Hình minh họa một số biến bạn có thể thấy ở giao diện JW Player:



3. Code cơ bản - Chèn 1 bản nhạc hay 1 file video vào blog:

Như đã nói ở phần 2, khi bạn đưa code vào trong entry ở blogspot, thì dấu & bạn sẽ phải chuyển thành &amp; thì blogspot mới hiểu được (cái này blogspot dốt hơn thằng Yahoo Plus gelakguling gatai). Tớ sẽ bôi đậm &amp; để bạn dễ phân biệt giữa các biến với nhau.

a. Chèn nhạc:


<embed width="400" height="320" type="application/x-shockwave-flash" src="http://player.longtailvideo.com/player.swf" flashvars="image=http://img18.imageshack.us/img18/9954/kittycm.jpg&amp;file=http://hpbox.425mb.com/media/music/Bai_Khong_Ten_so_4.mp3">
</embed>



b. Chèn video:


<embed width="400" height="320" type="application/x-shockwave-flash" src="http://player.longtailvideo.com/player.swf" flashvars="image=http://img11.imageshack.us/img11/4392/laislabonita.jpg&amp;file=http://hpbox.425mb.com/media/video/La_Isla_Bonita.mp4&amp;smoothing=1" allowfullscreen="true">
</embed>



2 code trên sử dụng skin mặc định đơn giản, hiển thị ảnh ở màn hình JW Player.
Ảnh tớ chèn có kích cỡ WxH=400x300, nhưng ở phần khai báo đầu tiên height="320" là bạn nên cộng thêm chiều cao của thanh điều khiển controlbar để hiển thị ảnh cho chuẩn. Tùy từng skin mà thanh này có chiều cao khác nhau. Nếu bạn dùng skin mặc định thì chiều cao thanh điều khiển cỡ 20px mà thôi, skin Sneil thì thanh điều khiển có chiều cao cỡ 30px. Nếu bạn thiết lập thanh điều khiển ở chế độ tự động ẩn thì chỉ việc đặt chiều cao bằng chiều cao của ảnh chèn vào. Còn nếu bạn ngại tính toán thì đưa biến stretching vào để nó tự động co dãn ảnh căng toàn màn hình JW Player. Điều này cũng sẽ ảnh hưởng tới tỉ lệ ảnh khung hình video nếu là file video
Hình minh họa:

- allowfullsreen="true": cho phép xem toàn màn hình vi tính. Nhấn vào nút fullsreen ở thanh điều khiển là bạn có thể xem toàn màn hình. Tuy nhiên chức năng này ở Yahoo Plus thì bị tịt ngòi vì thằng Yahoo nó cắt xén code, không cho dùng đầy đủ.

4. Code nâng cao - Tùy biến JW Player theo ý bạn:
Giờ bạn muốn tùy biến như thay skin, đổi màu các nút, tự động chơi nhạc, ẩn thanh điều khiển vv... thì bạn chỉ việc thêm các biến như ở phần 2 vào mà thôi.

Ví dụ đây là code chơi nhạc với skin Sneil, thay đổi màu các nút lệnh, hiển thị logo, tự động chơi nhạc, không hiển thị các icon trên màn hình, âm lượng mức 70%


<embed width="400" height="330" type="application/x-shockwave-flash" src="http://player.longtailvideo.com/player.swf" flashvars="skin=http://www.longtailvideo.com/files/skins/snel.swf&amp;backcolor=fffffff&amp;frontcolor=000000&amp;lightcolor=66cc00&amp;image=http://img37.imageshack.us/img37/7007/kittyz.jpg&amp;logo=http://img27.imageshack.us/img27/3257/logohz.png&amp;file=http://hpbox.425mb.com/media/music/Beo_Dat_May_Troi.mp3&amp;autostart=1&amp;icons=0&amp;volume=70"
</embed>




Ví dụ đây là code chơi video với skin Stijl, hiển thị logo, hiển thị icons, tự động ẩn thanh điều khiển:


<embed width="400" height="300" type="application/x-shockwave-flash" src="http://player.longtailvideo.com/player.swf" flashvars="skin=http://www.longtailvideo.com/files/skins/stijl.swf&amp;logo=http://img27.imageshack.us/img27/3257/logohz.png&amp;image=http://img11.imageshack.us/img11/6226/swayl.jpg&amp;file=http://hpbox.425mb.com/media/video/Sway.mp4&amp;smoothing=1&amp;controlbar=over" allowfullscreen="true">
</embed>




5. Code nâng cao - dùng file điều khiển xml thay thế:
Qua phần 3 & 4 bạn đã hiểu về khai báo biến sau lệnh flashvars. Nhưng nếu bạn tùy biến càng nhiều thì code càng dài, rất khó nhìn để phân biệt, làm bạn lẫn lộn. Hơn nữa viết bài nhiều mà mỗi lần chèn lại phải nhớ lại các biến cũng đau hết cả sọ dừa nên để code dễ nhìn và gọn gàng, bạn có thể đưa toàn bộ các biến đó vào 1 file xml cho gọn, ví dụ config.xml rồi khai báo file điều khiển này trong lệnh flashvars.

Cách tạo file config.xml như sau:
Bạn dùng notepad tạo 1 file txt, ví dụ config.txt. Copy đoạn code dưới và paste vào:

<config>
<quality>true</quality>
<skin>http://www.longtailvideo.com/files/skins/snel.swf</skin>
<logo>http://img27.imageshack.us/img27/3257/logohz.png</logo>
<backcolor>#ffffff</backcolor>
<frontcolor>#000000</frontcolor>
<lightcolor>#66cc00</lightcolor>
<screencolor>#000000</screencolor>
<controlbar>bottom</controlbar>
<icons>0</icons>
<displayclick>play</displayclick>
<smoothing>1</smoothing>
<autostart>0</autostart>
<repeat>list</repeat>
<shuffle>1</shuffle>
<volume>90</volume>
</config>

Nếu bạn theo dõi bài viết từ đầu tới đây thì nhìn cấu trúc bạn đã có thể hiểu cách khai báo biến như thế nào. Bạn có thể thay logo và skin bằng link của bạn, thêm bớt các biến khác tùy ý bạn. Ở đây bạn cũng có thể thêm 2 biến <image> & <file> để khai báo ảnh và file muốn chèn vào nhưng 2 cái này luôn thay đổi nên không cần thiết phải thêm. Bạn lưu file txt này, sau đó đổi đuôi txt thành xml: config.xml
Một điều quan trọng là khi dùng file config.xml để khai báo thì file flash JW Player (player.swf) bạn cũng phải upload lên cùng với thư mục chứa file config.xml. 2 file này phải nằm chung trong 1 thư mục khi đó JW Player mới có thể truy xuất thông tin ở file config.xml


Giờ đưa file config.xml này vào JW Player:


<embed width="400" height="330" type="application/x-shockwave-flash" src="http://hpbox.425mb.com/media/jwplayer/player.swf" flashvars="config=http://hpbox.425mb.com/media/jwplayer/config.xml&amp;file=http://hpbox.425mb.com/media/video/vediem.mp4" allowfullscreen="true">
</embed>

Như vậy bạn thấy code ngắn gọn và dễ nhìn hơn rất nhiều.
Thêm 1 tùy biến linh họat nữa của JW Player là dù bạn thiết lập mọi thứ trong file config.xml, ví dụ như trên volume=90, nếu bạn muốn thay đổi thành volume=100 bạn cũng không cần phải sửa lại file config.xml mà chỉ việc khai báo biến vào trực tiếp như ở các phần 3, 4. Khi ấy JW Player sẽ ưu tiên các biến khai báo trực tiếp và bỏ qua các biến trùng lặp ở config.xml



<embed width="400" height="330" type="application/x-shockwave-flash" src="http://hpbox.425mb.com/media/jwplayer/player.swf" flashvars="config=http://hpbox.425mb.com/media/jwplayer/config.xml&amp;file=http://hpbox.425mb.com/media/video/vediem.mp4&amp;volume=100"
allowfullscreen="true">
</embed>

Đây là video minh họa cho phần dùng file xml thay thế:




6. Code nâng cao - Chèn 1 list nhạc & video vào blog:
Nếu bạn muốn chèn nhiều bài hát lẫn video vào thì JW Player cũng sẽ giúp bạn toại nguyện luôn.
Danh sách các file cần đưa vào playlist sẽ ở định dạng xml

a. Tạo playlist:
Để tạo danh sách bài hát hay video thì các bạn có thể dùng notepad để tạo.
Code tạo playlist như sau:



<?xml version='1.0' encoding='UTF-8'?>
<playlist >
<tracklist>

<track>
<title>Tên bài hát</title>
<annotation>Miêu tả</annotation>
<location>link bài nhạc hay video</location>
<image>link ảnh minh họa sẽ hiển thị trên màn hình JW Player</image>
<info>link bạn muốn chỉ dẫn cho bài</info>
</track>

<track>
<title>Bài Không Tên Số 4 (Vũ Thành An)</title>
<annotation>Ghita solo: Đỗ Minh Thông</annotation>
<location>http://hpbox.425mb.com/media/music/Bai_Khong_Ten_so_4.mp3 </location>
<image>http://img37.imageshack.us/img37/7007/kittyz.jpg</image>
<info>http://huypham.tk/</info>
</track>

</tracklist>
</playlist>

Phần <?xml version='1.0' encoding='UTF-8'?> để hỗ trợ hiển thị tiếng Việt
Mỗi file khai báo sẽ nằm trong cặp thẻ <track> </track>
Chi tiết khai báo mỗi file như tớ minh họa ở track đầu tiên, track thứ 2 là khai báo hoàn chỉnh 1 file.
Cặp thẻ <image> </image> và <infor> </infor> không nhất thiết phải có. Bạn có thể thêm hoặc bỏ là tùy ý.
Tất cả các ảnh minh họa cho mỗi file, bạn nên để cùng 1 kích cỡ WxH = 400x300 chẳng hạn.
Sau khi thêm các file bạn muốn, tại cửa sổ Notepad, bạn hãy vào File / Save as
Cửa sổ Save As hiện ra , phần File name bạn gõ: "playlist.xml" ( tên file đặt trong ngoặc kép để tạo trực tiếp file xml luôn)
Phần Encoding bạn chọn UTF-8
Sau đó nhấn Save, vậy là bạn đã hoàn thành xong 1 playlist cho JW Player.
Hình minh hoạ:



Giờ bạn hãy upload file playlist.xml này lên host hoặc website lưu trữ cho link trực tiếp rồi lấy link để dùng.

b. Đưa playlist vào JW Player:
Code như sau:


<embed width="400" height="390" type="application/x-shockwave-flash" src="http://hpbox.425mb.com/media/jwplayer/player.swf" flashvars="config="http://hpbox.425mb.com/media/jwplayer/config.xml&amp;file=http://hpbox.425mb.com/media/jwplayer/playlist.xml&amp;playlistsize=60&amp;playlist=bottom"
allowfullscreen="true">
</embed>

Bạn sẽ thấy ở code này tớ đặt chiều cao là 390.
Nó sẽ bằng tổng chiều cao ảnh hiển thị (300) + chiều cao của controlbar (30) + chiều cao của playlist (60)
Hình minh hoạ:




- file=http://hpbox.425mb.com/media/jwplayer/playlist.xml: khai báo đường dẫn của file playlist.xml
- playlist=bottom: đặt playplist hiển thị phía dưới controlbar, nếu bạn thích hiển thị bên phải, hãy đổi bottom thành right
- playlistsize=60: đặt chiều cao của playlist, bạn có thể thay đổi tùy ý.

Nếu bạn muốn chơi các bài ngẫu nhiên không theo thứ tự thì khai báo thêm biến: shuffle=1 vào trực tiếp đoạn code trên hoặc đưa vào file config.xml

Giờ bạn có thể coi thành quả của mình như dưới đây, một list nhạc và video, chơi ngẫu nhiên không theo thứ tự:





7. Bonus:
Sau khi đọc hết 6 phần trên, chắc các bạn cũng hoa cả mắt
gile(mà mình viết tới đây cũng oải quá trời luôn adusangkatkening nangih) Giờ là bonus cho các bạn:

* Bonus 1:
Khi bạn download jwplayer từ trang chủ để dùng và trong các code minh họa của tớ ở các phần trên, nếu bạn copy và test ở blog của bạn, mỗi lần chơi nhạc hay video bạn sẽ thấy 1 logo mang chữ jwplayer hiện lên ở góc trái phía dưới vài giây rồi mới biến mất

nhưng ở blog của tớ nếu bạn bấm nút chơi lại không có cái logo đó hiện ra peace Đơn giản là vì tớ đã hack file player.swf và cho cái logo đó biến mất vĩnh viễn luôn setan các chức năng khác của JW Player vẫn nguyên si không có gì thay đổi.
Nếu bạn thích dùng thì có thể dowload nó ở đây:

http://www.mediafire.com/?zymqojwtkte

* Bonus 2:
1 host fee tốt cho bạn: http://www.425mb.com
1 website lưu trữ cho link trực tiếp:
http://www.boxstr.com
Nếu bạn muốn kiếm thêm, hãy vào trang sau:
http://freewebspace.net

* Bonus 3:
Đối với Yahoo Plus, bạn vẫn dùng được JW Player nhưng chỉ có thể sử dụng như phần hướng dẫn 3 & 4 mà thôi, còn không áp dụng được theo hướng dẫn ở phần 5 & 6. Thêm một yêu cầu nữa là file flash player.swf bắt buộc bạn phải upload lên http://imageshack.us , lấy link rồi thay vào các code trên mới có thể chèn vào Yahoo Plus.
Đây là link tớ upload lên imageshack.us cho các bạn, không còn logo của JW Player : http://img40.imageshack.us/img40/7783/jwplayerz.swf

Chúc vui vẻ và enjoy với JW Player sengihnampakgigi peluk



©http://huypham.tk

62 comments

  1. Bích Duyên

    July 11, 2009 at 1:56 AM  

    Chèn ơi, code tá lả ... Công nhận anh siêng viết TUT thật, em thì làm biếng lắm, kiếm ra được cái link rồi quăng thôi, trước giờ viết được đúng 1 cái đàng hoàng "Học thêu Cross stitch" he he

  2. Hỗn tạp

    July 11, 2009 at 4:49 AM  

    Bài viết rất hay và dễ hiểu. Đáng giá lắm. Cám ơn bạn rất nhiều.

  3. Hong Ty Muoi

    July 13, 2009 at 1:23 PM  

    Thanks anh H nhé, em cũng thích chèn cái nọ cái kia vào blog lắm, mỗi tội vẫn thấy khó mặc dù anh viết rất chi tiết. Hiii, thích nhất bài anh đàn và hát. ;-D

  4. Café 12 Cây Sồi

    July 13, 2009 at 3:18 PM  

    Đúng là code tá lả thật! Nhưng mà anh viết rất dễ hiểu, em ngâm cứu xong thì từ gà mờ thành gà sáng rồi! Hehehe... :D

  5. A Mom and Her Transgender Daughter

    July 16, 2009 at 9:19 PM  

    Phù, bài dài dã man, đấy là em chỉ mới xem lướt thôi đấy :)), chỉ xem chi tiết duy nhất bài demo có anh nào đó đàn và hát :D. Nhưng mà anh VHLT hát trên nền nhạc thính phòng hihiiii... Khi nào rảnh em sẽ "trả bài" anh vụ video nhá :x

  6. Anonymous

    August 24, 2009 at 8:57 PM  

    Bạn ơi cho mình hỏi chút :D Mình hay xem tin tức trên trang web tv5.org. Lúc trước khi trang này chưa nâng cấp thì các clip tin tức chạy bằng WMP và mình xem rất ngon lành k có vấn đề gì cả :D nhưng gần đây web nâng cấp, các clip tin tức đều dùng JW Player (http://www.tv5.org/cms/chaine-francophone/info/p-1909-L_actualite_en_video.htm?jt=jt_monde). Vấn đề là mỗi lần mình mở ra và click play nhưng clip đều k chạy hoặc có chạy chỉ được vài giây rồi đứng luôn, k load tiếp nữa. Mình k biết vấn đề là j, có liên quan j đến cái chương trình JW Player k? Nếu bạn biết xin giải đáp giúp mình nhé, cảm ơn bạn nhiều :)

  7. vohinhlangtu

    August 25, 2009 at 8:43 AM  

    Mình vừa xem thì thấy vẫn bình thường mà. Cái này có thể do vấn đề về mạng bị lag, hoặc bạn nên cập nhật phiên bản Flash player mới nhất của adobe thử xem sao

  8. Anonymous

    May 28, 2010 at 8:55 PM  

    Bạn ơi cho mình hỏi! Mình muốn biết làm cách nào để có thể xem đc các clip ở những trang web khác mà họ sử dụng JW Player,mình ko thể xem đc,cứ bắt mình download beelden về. Mình ko hiểu,giúp mình với :((

  9. vohinhlangtu

    May 29, 2010 at 5:25 PM  

    Bạn cho link 1 trang web nào bạn bị vậy, để mình check coi

  10. Anonymous

    May 29, 2010 at 10:53 PM  

    http://tang9.elogin.co.kr/gb4/bbs/board.php?bo_table=data&wr_id=43344
    Bạn thử link này nhe. Thanks bạn nhiều vì đã rep cho mình :">

  11. vohinhlangtu

    May 29, 2010 at 11:08 PM  

    Tin buồn cho bạn là file video đó nó ko còn nên bạn không xem được thôi, ko phải lỗi tại JW Player
    Ví dụ link video clip đầu tiên của thằng Hàn xẻng này
    http://merong7723.megaplug.kr/20100522-1.flv
    Bạn thử download file FLV này có được không?
    Chắc chắn không còn tồn tại nữa :D

  12. Anonymous

    May 30, 2010 at 12:23 AM  

    Ah ra là vậy. Nhưng mà nếu mình muốn xem clip cũng dạng này mình cũng phải cài đặt cái JW Player ah? Mình chưa có cài :p mà ko biết do link die hay sao chứ mình vào web nào có clip dạng này mình cũng xem ko đc
    http://tangpa.com/Data/522288 <= tương tự cái này, mình ko nghĩ là link bị hư :(

  13. vohinhlangtu

    May 30, 2010 at 12:18 PM  

    Mấy trang của Hàn xẻng đó, toàn link video hỏng cả
    JW Player là 1 định dạng Flash, không phải cài đặt JW Player mà bạn phải cài Flash Player :

    http://get.adobe.com/flashplayer/

    Sau khi cài Flash Player xong, khi lướt web bạn sẽ coi được các flash bình thường
    beelden là 1 skin của JW Player, nó là dạng file zip, không có nó cũng chẳng ảnh hưởng gì tới việc coi video.
    Mấy trang báo tin tức của VN cũng toàn dùng JW Player, bạn muốn kiểm tra máy tính bạn có JW Player có chạy hay không thì vào đó mà xem:

    http://vnexpress.net/GL/Cuoi/Video/

  14. Anonymous

    May 30, 2010 at 10:40 PM  

    Ah mình hiểu rồi. Mình xem đc clip ở link bạn đưa. Thanks bạn nhiều nhe. Mà nếu link hư thì ko down đc đúng ko ? :(

  15. Anonymous

    May 30, 2010 at 10:44 PM  

    Mà sao link bạn đưa khi click phải nó hiện JW 3.16 còn link của mình thì hiện JW 5.1.897

  16. vohinhlangtu

    May 30, 2010 at 10:57 PM  

    Version không quan trọng lắm đâu, phiên bản JW Player mới hơn thì hỗ trợ thêm MP4 và skin thôi :D

  17. Anonymous

    June 2, 2010 at 4:47 PM  

    Bạn ơi cho mình hỏi. Khi bạn tạo file playlist.xml, thì nó sẽ hiện playlist, nhưng mình muốn chèn thêm 1 button download vào từng dòng playlist thì làm sao hả bạn, mình search trên mạng rồi mà ko thấy, gặp đc bài viết của bạn thấy cũng rất hay

  18. vohinhlangtu

    June 3, 2010 at 11:20 PM  

    Thằng JW Player này không có nút cho download
    Chắc bạn nhầm code với thằng MP3 Player cũng của longtailvideo thì phải

  19. Anonymous

    June 3, 2010 at 11:33 PM  

    Vậy bạn có biết thư viện nào play được flv,mp3 mà có nút download cho từng bài hát không. Bạn giới thiệu cho mình được không.

  20. vohinhlangtu

    June 5, 2010 at 12:31 PM  

    Hị hị, tớ không biết :D

  21. Mai Duy Linh

    July 15, 2010 at 11:43 PM  

    thanks for share!
    Bài viết của bạn rất hay, rất chất lượng ;)

  22. (¯`·.º:¦†CDuan†™¦:-º.·´¯)

    August 26, 2010 at 10:12 PM  

    Bài viết rất hay .Tks bạn nhiều .Cho mình hỏi để lặp đi lặp lại một bài thì dùng biến nào vậy ? repeat=list?? nhưng không phải dạng list mà là một bài hát mp3 hay 1 video .muốn nó tự động lặp đi lặp lại một bài thì làm ntn nhỉ ?tks bạn

  23. vohinhlangtu

    August 27, 2010 at 9:05 AM  

    Khai báo biến trong Flash cũng giống như ngôn ngữ lập trình :D

    1= Yes / True = Bật
    0= No / False = Tắt

    Nên để lặp lại 1 bài, bạn chỉ việc viết lệnh repeat=1 là ok thôi

  24. (¯`·.º:¦†CDuan†™¦:-º.·´¯)

    August 27, 2010 at 10:01 AM  

    Hịc mình cũng đã thử với các biến đó rùi mà hok được .=((.không biết sao nữa . mình đã thêm các biến như repeat=1 ,loop=1 ,..đã lưu ý nốt & .Mà mình tạo list coi đã có gì không hiểu hỏi nốt .Tks bạn nhé

  25. (¯`·.º:¦†CDuan†™¦:-º.·´¯)

    August 28, 2010 at 10:39 PM  

    4.Một số link trong bài tính đến bây giờ đã die như http://www.longtailvideo.com/files/skins/snel.swf nhưng mình muốn hỏi là mình vào trang chủ longtaivideo để down skins về nhưng có 1 file xml và nhiều files khác vậy làm thế nào để mình gộp tất cả lại tạo ra file duy nhất xuất ra đuôi SWF để up lên host ? và với mỗi file player.xml phải tương ứng với file SWf hay config.xml thì mới chạy được phải k ?vì mình đã test thử mình lấy file swf khác nhau và player.xml thì không chạy được , mà mình thấy bạn nói trong blogger đổi & thành & nhưng ngay cả t cũng không hiểu sao có những trường hợp mình k cần đổi vẫn chạy ngon,(hiện tại đang dùng).có phải là do mỗi skin không hay là do gì vậy ?
    5.Có nhiều biến khác nữa bạn có thể cho mình tổng hợp các biến mà sử dụng trong JW Player để mình tham khảo không ?
    Cảm ơn bạn nhiều !

  26. (¯`·.º:¦†CDuan†™¦:-º.·´¯)

    August 30, 2010 at 1:21 AM  

    5 câu hỏi trong 2 comment của tui ông admin xóa mất tiêu rùi hịc hịc .Không hiểu nổi ,k giải đáp thì thôi chứ ^^

  27. vohinhlangtu

    August 30, 2010 at 9:36 PM  

    bạn ko hiểu cái gì? comment nào bị xóa?

  28. (¯`·.º:¦†CDuan†™¦:-º.·´¯)

    August 30, 2010 at 11:38 PM  

    hịc mình đăng lên 5 câu hỏi với 2 comment liên tiếp đã đăng lên và kiểm tra xong mấy h sau quay lại thì tự dưng comment của mình bị "chạy"đâu mất tiêu hichic. Bjo hỏi lại bạn nhé

  29. (¯`·.º:¦†CDuan†™¦:-º.·´¯)

    August 30, 2010 at 11:39 PM  

    cho mình nick của bạn nhé hỏi trực tiếp luôn được không? vì vấn đề hơi dài hịchic

  30. vohinhlangtu

    August 31, 2010 at 9:21 AM  

    Bạn cứ hỏi trên này tiện cho bạn nào theo dõi có cùng thắc mắc. Cái nào nằm trong phạm vi hiểu biết của mình thì sẽ có câu trả lời.

  31. Kid1412

    September 12, 2010 at 7:00 PM  

    tớ muốn chèn video từ youtube thì phải làm sao hả cậu?

  32. Thế Thôi

    September 24, 2010 at 8:41 AM  

    cùng chung câu hỏi với "Kid1412", tớ đã sử dụng nhiều cách rồi nhưng không chèn được video từ youtube vào jwplayer. Bạn có cách nào không, chia sẻ cho mọi người với. thanks!

  33. vohinhlangtu

    September 24, 2010 at 10:27 PM  

    Cái này tớ chưa thử, bao giờ phải làm thử mới biết
    Nhưng theo ý kiến của mình thì video ở youtube là đường dẫn tương đối nên chắc jwplayer bó tay

  34. Phan Thanh Hoài

    December 4, 2010 at 12:56 PM  

    Viết như vậy chỉ cho người hiểu thôi.

    Mình tải source về rồi biên tập. Nhưng cái file player.fla ở đâu ?
    Và dùng biên tập thì dùng phần mềm gì ? Mình dùng Adobe Flash CS4 Professional để biên tập nhưng không được.

    Rồi mình dùng Sothink SWF Decompiler để dịch ngược file Player.Swf sang Player.Fla

    Có được file Player.Fla mình mở Adobe Flash CS4 Professional lên rồi bấm Ctrl + Enter kết quả xuất hiện file đen thui à.

    Ai hướng dẫn mình cái. Yh: ngaytholaanh77 mình online thường lắm. Hay trả lòi ở đây cũng được chân thành cảm ơn.

  35. vohinhlangtu

    December 4, 2010 at 10:01 PM  

    Trong source code bạn download về, bạn muốn biên dịch thành file flash thì bạn nên đọc cách làm ở file README.txt
    Có 3 cách biên dịch, cách cuối cùng là cho Flash CS4 đó
    Tớ paste vào đây :D


    To build the JW Player, you will need the following software:

    * Flex SDK 3.3: http://opensource.adobe.com/wiki/display/flexsdk/Downloads
    * Ant 1.7.0: http://ant.apache.org/bindownload.cgi
    * FlexUnit 4: http://opensource.adobe.com/wiki/display/flexunit/FlexUnit (for testing the player)

    === Compiling the Player With the Flex SDK and Ant ===

    To compile with Flex and Ant, enter the following command:

    ant -buildfile build\build.xml

    If the build is successful, player.swf will appear in the "bin-release" folder.



    === Compiling the Player With Flex / Flash Builder ===

    Alternately, if you're using Flex Builder or Flash Builder, you may use the following method to build the player:

    1. Create a new Actionscript project (you can give it any name except "Player").
    2. Under "Project Contents", select the checkout tree (the folder where this README file lives).
    3. If using Flex Builder 3, click the "Next" button, then type "src" into the "Main Source Folder" field.
    4. Click the "Finish" button
    5. Right-click on your new project, and select "Properties"
    6. Under the "ActionScript Compiler" tab, click the radio button that reads "Use a specific version", and make sure it reads "10.0.0" (the default in Flex Builder 3 is "9.0.124")
    7. Click the "OK" button.
    8. Alter your main application class to inherit from com.longtailvideo.jwplayer.player.Player (i.e. public class MyPlayer extends com.longtailvideo.jwplayer.player.Player { ... )
    9. Under the "Project" menu, choose "Export Release Build".
    10. The player will be compiled as bin-release/{Your Project Name}.swf.



    === Compiling the Player With Flash CS4 ===

    1. Create a new FLA file in the "src" directory.
    2. In the Properties menu, under "Publish", enter "com.longtailvideo.jwplayer.player.Player" in the Class field.
    3. Open the "Preferences" menu, go to the Actionscript panel, then click the "Actionscript 3.0 settings" button. Enter the path to the Flex SDK in the "Flex SDK Path" field.
    4. Open the Publish Settings dialog and click the "Settings" button next to the "Script" dropdown.
    5. Click the "Library path" tab, and edit the entry "$(FlexSDK)/frameworks/libs/flex.swc" to read "$(FlexSDK)/frameworks/libs" (i.e. remove "flex.swc").
    6. Publish the application.

  36. Anonymous

    January 31, 2011 at 3:22 PM  

    Chỉ cho em cách tạo skin cho JW Player zới ;;)

  37. vohinhlangtu

    February 4, 2011 at 5:37 PM  

    Ô, cái này anh chưa mò móc nên giờ anh cũng bó tay chấm cơm :D. Chịu khó google đi em :D

  38. Pantsu Team

    February 15, 2011 at 6:42 PM  

    xin hỏi còn trang nào chứa video free với link trực tiếp không? toàn bộ các hostfree vohinglangtu đưa hỏng hết cả rồi

  39. vohinhlangtu

    February 16, 2011 at 3:34 PM  

    Bạn có thể vào mấy trang này kiếm free hosting:
    http://freehostsfinder.com
    http://www.absolutely-free-hosting.com
    http://www.freewebspace.net

  40. Anonymous

    March 21, 2011 at 2:34 PM  

    thanks bài viết của nhiều...muh a cho e hỏi...e làm như hướng dẫn nó lên được cái giao diện va list bài hát nhưng nó không hát..lúc e bấm play thì nó báo là Error #2032...e tìm và đọc lỗi đó trên google muh vẫn hem sửa được...a chỉ e với :((

  41. vohinhlangtu

    March 21, 2011 at 5:05 PM  

    Thường lỗi không load được file
    Bạn phải đặt tên thư mục và file không có khoảng cách trống thì JW mới có thể chơi được.

    Ví dụ Thư mục và file name mà đặt kiểu này thì móm
    Music Folder\Bai khong ten so 4.mp3

    Bạn phải đặt cho tên nó liền vào, kiểu thế này:
    Music_Folder\Bai_khong_ten_so_4.mp3

    hoặc viết liền tịt vào:
    MusicFolder\Baikhongtenso4.mp3

    Khi ấy add đường dẫn vào playlist thì JW nó mới play được.

  42. Anonymous

    March 22, 2011 at 11:40 AM  

    hi` hi` thanks a vô hình lãng tử nhiều nhe ^^

  43. Anonymous

    March 28, 2011 at 4:19 PM  

    a vohinhlangtu oi,a cho e hỏi a có thao tác trên webpart của sharepoint hok?e gặp trục trặc trong vấn đề đọc file xml của list bài hát...hix e tìm mấy cách rồi vẫn chưa được...a có thể giúp e được không a?hix hix

  44. vohinhlangtu

    March 29, 2011 at 9:12 AM  

    Sorry, tớ không sharepoint webpart gì cả :D

  45. Anonymous

    April 20, 2011 at 4:25 PM  

    anh oi the chen video do mjnh tai>? len tu blooger thi lam sao?
    em lam hoai ma ko dc:(

  46. Anonymous

    May 29, 2011 at 8:55 PM  

    cho minh hoi vohinhlangtu nha! ban biet host nao up len ma dia chi co dinh, tuyet doi khong. Minh post nhac len mediafire roi dung code do nhung ma dia chi cua medifire tuong doi nen moi lan truy cap la khac nhau nen code khong chay duoc. Giup minh voi nha.thank

  47. chinh nguyen

    September 9, 2011 at 2:48 PM  

    Bạn ơi mình làm play list ko dc bạn ơi,

    bạn có thể send cho mình đoạn code đó được không.

    Mail mình là: tho_2552@yahoo.com

    thanks bạn nhiều

  48. mr.vanthang

    November 1, 2011 at 7:15 PM  

    nhưng bạn nói rõ là thêm đoạn code đó vào đâu đc k? mình mới học làm chẳng biết gì cả. cảm ơn bạn nhiều

  49. KênhPro.Com

    February 20, 2012 at 11:01 PM  

    A HuyPham ơi, a up lại link cái file flash player.swf mà a đã khử logo JW rồi đó a, link kia die mất tiêu rồi

  50. vohinhlangtu

    February 20, 2012 at 11:26 PM  

    bạn download ở đây: http://vohinhlangtu.blogspot.com/2010/04/jw-player-v51-without-logo.html

  51. vohinhlangtu

    March 4, 2012 at 1:51 PM  

    Cảm ơn lời mời của bạn nhưng rất tiếc mình không phải là fan nghệ thuật thứ 7 nên không quan tâm tới mảng đó. Bạn hãy tìm người khác cộng tác nhé. Chúc bạn thành công :D

  52. Anonymous

    March 28, 2012 at 5:44 PM  

    tớ vừa thử áp dụng cách này. Mọi thứ suôn sẻ từ a - z nhưng thành phẩm xuất ra ....... hoàn toàn là cái khung chữ nhật trắng nhách.
    addmin có lên mạng thì xin vui lòng giúp tớ dùm nhé, Thank bạn

  53. Anonymous

    March 28, 2012 at 5:49 PM  

    mình copy cái code của bạn chỉ đổi mấy cái link thôi trong khung chỉnh sửa html nó ra vầy nè:



    Rồi ra ngoài thì chỉ có cái khung hình chử nhật trắng phao !!!

  54. Anonymous

    March 28, 2012 at 5:54 PM  

    xem hình nhé

    http://caocaocao.opendrive.com/files/NV84NDM5NjdfeUFnZk5fMmM0MQ/pic01.png

  55. vohinhlangtu

    March 29, 2012 at 9:49 AM  

    nếu bạn dùng opendrive để lưu trữ thì sẽ không bao giờ được vì link của nó chỉ là tương đối, tạm thời, luôn thay đổi.
    Bạn nên kiếm các free host khác mà làm (google với key "free hosting"), đường link bao giờ cũng là đường dẫn tuyệt đối thì mới được

    ví dụ : http://yourdomain.freehost.com/jwplayer/player.swf
    Good luck

  56. Nguyen Huu DUc

    September 1, 2012 at 9:21 AM  

    Xin chào các anh chi, em là người mới nhập môn nên không biết nhiều,
    mong các anh chi giúp cho, sao em tạo playlist không được, nó báo lỗi thế này:
    task queue failed at step 5 playlist could not be loaded due to crossdomain policy restrictions

  57. Anonymous

    September 2, 2012 at 12:53 AM  

    tui cũng bị lỗi giống bạn đó, có thể là do lỗi host vì khi copy nguyên xi của tác giả thì ko sao mà đổi host của tui là soundcloud thì bị lỗi giống bạn

  58. Unknown

    November 20, 2012 at 12:53 PM  

    :(( không thực hiẹn dc

  59. Unknown

    November 20, 2012 at 12:56 PM  

    k bit ai là tác giả của bài viets này nữa,nếu dúng tác giả thì hỏi cho rõ về cái bài viet hơn,http://vinasupport.com/2010/dua-nhac-va-video-vao-blogspot-dung-jw-player/

  60. Xem tu vi

    November 28, 2012 at 3:16 PM  

    rất chi tiết cảm ơn nhé .... sao mình không thấy chỗ ẩn link youtube nhỉ

  61. bóng đá

    December 7, 2012 at 7:37 AM  

    bài viết hữu ích quá

  62. Việt Dũng

    January 2, 2013 at 6:41 PM  

    Bạn ơi, có thể chỉ mình cách chèn MP4 vào JW Player khi file MP4 ở trên ổ cứng được không (không phải là file trực tuyến). Cảm ơn nhiều.

Post a Comment

Bạn có thể chèn các biểu tượng cảm xúc cho lời bình của mình bằng cách gõ các ký tự như bảng chỉ dẫn sau:
:) :D :)) =)) ;)) ;;) ;) :p :X :-* :">
:( :(( =(( :-o 8-} >:) B-) 8-X :-" :-w More...