Một vài ngày trước một người bạn hỏi làm sao JW Player của theoyeucau lại có hiển thị khác như vậy? Tất nhiên rồi, JW Player được viết lại Skin dành riêng cho TYC. Nghe nói chữ viết lại ghê quá, chỉ đơn giản là sửa lại skin sẵn có để phù hợp với cách hiển thị của TYC thôi.
Tất nhiên khi tôi bắt đầu xây dựng phiên bản thứ 11 của TYC, tôi đã thấm và tất nhiên sau khi phát triển hoàn thiện các module của TYC tôi cũng sẽ tính toán và viết thành Plugin hoàn thiện để chia sẻ với cộng đồng WordPress, nhất là cộng đồng người Việt.
Đây là Skin JW Player tôi đã sử dụng cho TYC, xin chia sẻ cùng những người cần và quan tâm. Cách sử dụng Skin của JW Player các bạn có thể tham khảo ở trang web chính thức, tôi chỉ xin giới thiệu cách đơn giản để sử dụng bằng mã javascript dưới đây
jwplayer(‘mediaplayer’).setup({
‘flashplayer’: ‘player.swf’,
‘id’: ‘playerID’,
‘width’: ‘480’,
‘height’: ‘270’,
‘file’: ‘/videos/bunny.mp4’,
‘image’: ‘/thumbs/bunny.jpg’,
‘skin’: ‘/skins/stormtrooper/stormtrooper.zip’
});
]]>
Tôi nghĩ việc tạo cho mình một Skin theo hướng dẫn cũng không quá khó, cần các bạn một chút kiên nhẫn, nghiên cứu và sáng tạo. Hy vọng các bạn sẽ có thể tạo được skin player cho riêng mình.
SATAN says
Anh ơi em rất thích cái JW player, thực sự em rất kết cái player anh làm cho TYC.
Có 1 vấn đề em làm mãi vẫn ko ra, Cái list anh tạo ra mỗi khi click vào 1 media nó hiện lyric ở frame bên cạnh. Em hỏi anh google anh ấy ko trả lời, giờ em chỉ bít hỏi anh thôi 😀
Anh trả lời 1 cách.. thành thật giùm em nhá. Em bít cái đó là hàng độc nhưng anh phải đưa nó ra ánh sáng chứ. Không anh sẽ hại chết rất nhìu dân IT vì bệnh đau đầu & phiền muộn đó! tks anh! Em cũng đang làm thử 1 blog trên code wp.
http://giacmobuon.biz.tm
ANh trả lời càng sớm càng tốt anh nhá!~
mrhoi says
JWPlayer, cho phép tương tác với các thành phần còn lại của trang web thông qua javascript, em có thể tham khảo thêm ở phần hướng dẫn API của JWPlayer, nguyên tắc đơn giản là kiểm tra sự kiện nếu play một track nào đó, em sẽ tìm kiếm và hiển thị lyric phù hợp thôi, chi tiết thì tùy từng hệ thống thì cách thức xử lý sẽ khác nhau. Ở TYC, anh sử dụng jQuery cho thuận tiện. Em cứ thử tìm hiểu thêm đi, có gì cần giúp thì cứ báo anh.
SATAN says
Anh ơi, thời gian vừa rồi em bận giờ mới online để nghiên cứu tiếp. Em vào lại TYC thấy cái player anh làm pro hơn. Chọn nghe 1 audio có thể hiện lên lyric + nội dung audio, em phục sát đất rồi. em view source xem thử thì link bị mã hóa, giải mã xong gõ link thì hiện tiếp 1 trang nội dung Espisode, view soure trang đó thì thấy file lyric đính kèm theo mỗi file nhạc, file lyric đó được đặt tên theo số. Có phải anh dùng thêm plugin nào để hỗ trợ thêm cho jwplayer. Và làm sao để tạo file lyric và insert nó vào 1 nơi tùy ý trên trang web. Có thể anh đọc thấy bùn cười vì câu hỏi ngớ ngẩn, nhưng anh thông cảm, em làm web vì đam mê chứ không được học về ngành này nên rất gà. Có g ì anh chỉ bảo thêm! Em tìm và hỏi các nơi rồi nhưng chả ai giúp đc vấn đề này, và em cũng chưa thấy ai làm đc như anh cả!
mrhoi says
Để làm được như em mong muốn, trước tiên em phải hiểu và làm việc được các API của JWPlayer, thông qua javascript, anh có đề cập ở trên. TYC sử dụng 1 plugin riêng do anh viết, trong đó có JWPlayer, anh không sử dụng plugin của JWPlayer như em nghĩ. Anh cũng bắt đầu từ môi trường Web giống em thôi, anh làm lâu thì có kinh nghiệm hơn chứ không có gì cả đâu, em cứ chịu khó đọc và tìm hiểu thêm về Javascript, sẽ có thể làm được điều mình muốn. Hiện anh không có nhiều thời gian, vì còn quá nhiều thứ phải làm nên anh chưa tiện hướng dẫn em được. Sau này có thời gian anh sẽ viết hướng dẫn hoặc làm plugin cụ thể để chia sẻ cho những người muốn sử dụng giống như em. Em cứ đọc tài liệu của JWPlayer kỹ sẽ tìm ra thôi, chú ý mấy đoạn liên quan đến sự kiện Play ấy.
SATAN says
Hì! Cảm ơn những chia sẻ của anh. Do anh tự viết, thảo nào chả thấy ai có, cũng có người đã insert được lyric nhưng ko chuyên nghiệp như anh với lại không khả thi khi ứng dụng cho web động, nhất là WP. Em sẽ cố tìm tòi xem sao. Chúc anh luôn thành công & hạnh phúc :))
SATAN says
Anh Hói ơi em hỏi xíu!
Em làm cái web cho đứa bạn. Em đang sài free host của freehostia.com. Em test code mới nhất trên local thì cái JW nó không chạy, không thấy nó hiện lên cái gì luôn mặc dù em add link nhạc như bình thường, bản 3.0 trên freehostia của em đang dùng vẫn chạy ổn.
Bản 3.3.1 tiếng Việt trên local thì không chạy nhạc nhưng theme thì lại chạy ngon. Em cài lên host cũng ổn nhưng e tiếc cái theme, mà em gà nên ko biết fix theme kiểu gì.
Em cài bản 3.2.1 tiếng anh có sẵn của freehostia thì chạy nhạc lại ngon, theme thì lại lỗi. En nản quá chả bít làm sao. Em lại down bản 3.0 web đang sài về local để test, nguyên bản luôn mà nhạc cũng không hiển thị.
Em loạn hết cả đầu lên rùi. Vậy phải làm sao hả anh? Lỗi ở môi trường host hay ở theme, hay ở cái player?
mrhoi says
Anh cũng không biết phải giúp em thế nào cả, em cần đưa cho anh liên kết để anh kiểm tra giúp, mô tả như trên anh cũng mù tịt. Thường ở localhost em cần sử dụng themes trên local vì Flash bảo mật và chống DDOS bằng flash nên không cho phép tải dữ liệu ngoài domain đang chạy hiện tại, localhost.
Hoàng Thiên says
Anh Hói ơi, cho em hỏi
Anh cài plugin nào để post link theoyeucau lên facebook và play ngay trên facebook luôn vậy? anh cho em xin tên plugin đó được không ạ?
mrhoi says
Cái đó làm đơn giản mà, em chỉ cần thêm meta data vào header của trang web trỏ tới flash player của em thôi, cái này anh viết riêng cho TYC nên không sử dụng plugin nào, và anh cũng chưa thử tìm hiểu có plugin nào hỗ trợ không? Để làm đơợc em có thể tham khảo ở địa chỉ sau http://www.longtailvideo.com/support/addons/sharing-plugin/14048/facebook-video-sharing
Nếu cần em có thể cho anh biết website của em đang chạy, anh sẽ hướng dẫn cho em cách làm cụ thể.
Chuột says
Em cũng định hỏi anh về cách post link chương trình lên fb và play trên đó luôn.
Em phụ trách IT của Green Radio Show ah anh. http://www.greenradioshow.net.
Anh Hói chỉ em cách làm được không ạ?
mrhoi says
Ồi, anh có chia sẻ cách làm ở link dưới đó em thử tham khảo xem, lâu rồi chắc là em đã làm được nhỉ?
Chuột says
dạ, chưa ạh. Em gà lắm 🙂
Quang says
a cho e hỏi có plugin nào cho jwplayer có thể chơi video từ nhiều nguồn khác nhau (mp3.zing, nhaccuatui, picasa, v.v….) không ạ? E có dùng thử gkplugin cho jwplayer nhưng lại bị giới hạn thời gian xem, e làm blog cá nhân nên không có tiền mua gkplugin. Hoặc có cách nào làm cho gkplugin không giới hạn thời gian xem nữa không ạ? Cám ơn a!
Quang says
A cho e hỏi chút. E có cài jwplayer cho wordpess, có cách nào để jw có thể phát video từ nhiều nguồn khác (picasa, mp3 zing, nhaccuatui, v.v…) không? E có dùng thử gkplugin cho jwplayer nhưng lại bị giới hạn thời gian xem, e chỉ làm blog cá nhân nên không đủ điều kiện mua gkplugin. Xin a chỉ giúp e! Cám ơn! Hoặc chỉ cách để gkplugin không giới hạn thời gian cũng được :d
Quang says
Éc, lúc nãy post cmt ko đc, giờ lại xuất hiện 2 cái
mrhoi says
Về nguyên tắc thì JWPlayer không phần biệt nguồn dữ liệu, nhưng cái em gặp phải đó là các nguồn dữ liệu kia chặn không cho chúng ta sử dụng, nên tất nhiên là em không thể làm được.
Cách tốt nhất em có thể chọn nơi nào cho phép sử dụng dữ liệu của họ, như Youtube, hay các free hosting store khác.
JWPlayer chỉ quan tâm tới việc link media ở đâu, có khả năng play được không, như mp3, flv…
Tài says
Mình đang sử dùng Jwplayer 5, bạn có thể chỉ cho mình cách làm thể nào để tua video được không?
huyhieu says
Anh ởi cho em hỏi. em sử dụng thằng jwplayer 6 bạn down ở trang chủ, hình như là bản free, em thấy có có hướng dẫn làm skin cho nó, mà không hiểu sao e lấy skin của anh hoặc skin của chính nó bỏ vô nó toàn báo lỗi load skin. vậy có bản là bản free nó không cho mình chỉnh sử skin không anh.
Thank a nhiều !.
mrhoi says
Anh nghĩ phiên bản 6 chắc không tương thích với các skin cũng nên gây ra tình trạng trên.