bbcode flash player với link, embed, info...

jajala

Thử nghiệm flash player mới mở clip nhanh qua link test trên nhiều browser khác nhau :VD:bunny film

Demo tại : http://www.nktshop.com/bbs/thread-118-1-1.html

Nguồn để làm :
swfobject.js v.2.2 + jwplayer v.4.6.485
Áp dụng trên discuz all version qua bbcode hoặc private page

Tính năng của player :
- play file đơn flv, mp3, mp4...
- play list xml, php, rss...
- xem chi tiết tại : www.longtail.com
Như các bạn đã biết để áp dụng player mới nguyên gốc trên discuz rất khó thực hiện do cách nhúng không tương thích với một số trình duyệt. Vì thế ta sẽ tạo một file php riêng và lấy thông tin của người dùng nhập (tên clip, địa chỉ file...) đưa vào trong file php này, vấn đề cuối cùng là tạo ra bbcode mới có nội dung như sau :

1. <center><div style="z-index:-1">
   
2. <iframe width="490" height="360" src="http://www.nktshop.com/bbs/jwplayer/nktplayer.php?Music_Name={1}&Music_Url={2}" marginwidth="0" marginheight="0" border="0" frameborder="0">Trình duyệt hiện tại của bạn không hỗ trợ iframe, vui lòng mở tính năng này hoặc nâng cấp trình duyệt</iframe>
   
3. </div></center>

Sao chép mã

Bạn có thể tự tạo tag theo cách riêng của mình ở đây mình sử dụng 2 tham số cho tên clip và linkfile (có thể thêm một số tính năng như lấy link download như bbcode cũ)

File php bạn có thể tự đặt tên, nội dung như sau (bạn tự sửa text theo domain và tên của mình) :

1. <?php
   
2. //  Tác giả:  JaJa   
   
3. //  Email:giakhanh_75@yahoo.com
   
4. //        http://www.nktshop.com
   
5. 
   
6. $encoding="UTF-8";//charset
   
7. //---------Sửa nội dung sau đây sẽ hoạt động không đúng, có thể gây nguy hiểm
   
8. $Music_Url=$_GET["Music_Url"];
   
9. $Music_Name=$_GET["Music_Name"];
   
10. 
    
11. //---------Sửa nội dung bên trên sẽ hoạt động không đúng, có thể gây nguy hiểm
    
12. ?>
    
13. 
    
14.         <script src="swfobject2.js"></script>
    
15.         <script type="text/javascript">
    
16.       var flashvars =
    
17.       {
    
18.         'file':                                 '<?php echo $Music_Url; ?>',
    
19.                 'title':                        '<?php echo $Music_Name; ?>',
    
20.                 'author':                   'JaJa',
    
21.                 'dock':                       'true',
    
22.                 'author':                    'JaJa',
    
23.                 'aboutlink':                'http://www.nktshop.com',
    
24.                 'abouttext':               'www.nktshop.com',
    
25.                 'link':                         'http://www.nktshop.com',
    
26.                 'icons':                      'false',
    
27.                 'controlbar':              'over',
    
28.                 'wmode':                  'transparent',
    
29.                 'Plugins':                  'viral-2',
    
30.                 'viral.onpause':        'false',
    
31.         //  'shuffle':                      'false',
    
32.     //  'repeat':                          'list',         
    
33.         'volume':                          '80',
    
34.         'frontcolor':                      'F1FBFE',  // text & icons
    
35.         'backcolor':                      '0180A2',  // playlist background
    
36.         'lightcolor':                      'C9E8F0',  // selected text/track highlight
    
37.                 'screencolor':          'FFFFFF',
    
38.         'id':                                 'playerID',
    
39.         'autostart':                     'false'
    
40.       };
    
41. 
    
42.       var params =
    
43.       {
    
44.         'allowfullscreen':            'true',
    
45.         'allowscriptaccess':        'always',
    
46.         'allownetworking':         'all',
    
47.         'bgcolor':                        '#FFFFFF'
    
48. 
    
49.       };
    
50. 
    
51.       var attributes =
    
52.       {
    
53.         'id':                                   'playerID',
    
54.         'name':                             'playerID'
    
55.       };
    
56. 
    
57.       swfobject.embedSWF('player.swf', 'player', '490', '360', '9.0.124', false, flashvars, params, attributes);
    
58.     </script>
    
59. 
    
60.     <div id="playercontainer" class="playercontainer"><a id="player" class="player" href="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash">Get the Adobe Flash Player to see this video.</a></div>

Sao chép mã

Download tất cả về và lưu trong thư mục jwplayer ngang hàng index.php của discuz

Đây là demo cho 1 file đơn, nếu các bạn cần play list hoặc định dạng wmv wma thì tùy biến thêm các tham số và biến của javascript trong file php, nên nhớ là bản 2.2 nhé (bản đi kèm jwplayer chỉ có 1.5 thôi). Cách khai báo rất đơn giản nhưng khác xa các version 1.x

Note : hiện đang phát triển thêm các tính năng
- nhúng link youtube : chưa hoạt động chuẩn do có ký tự đặc biệt ? = trong linkfile phải đổi về dạng sau :

1. 
   
2. ? chuyển thành %3F
   
3. = chuyển thành %3D
   
4. & chuyển thành %26

Sao chép mã

Ai có kinh nghiệm chia sẻ thêm nha, cám ơn nhiều

Download (tất cả các file cần thiết): jwplayer.zip

Đã xóa sẵn logo mặc định và thêm các biến để hiển thị logo và hình nền trong php file, các bạn có thể thay đổi theo ý thích của mình.

Saokim999

mới là demo sao mà ko cho cả file swf lên cùng cho đủ

jajala

Do DNS server gặp lỗi nên mất kết nối đến domain nktshop.com.
Giờ đã chạy được rồi. mình đang làm file zip các file cần thiết đây tí nữa post lên.

Saokim999

ok rồi chắc set nhầm... Up lên rồi test thôi

vietnova

test test test test test test test test

bugatino17

Đã test và dùng tốt! Chú ý có 1 lỗi trong link của tác giả: Có ký tự & giữa Music_Name={} và Music_Url={2}:
<center><div style="z-index:-1">
<iframe width="490" height="360" src="http://www.nktshop.com/bbs/jwplayer/nktplayer.php?Music_Name={1}&Music_Url={2}" marginwidth="0" marginheight="0" border="0" frameborder="0">Trình duyệt hiện tại của bạn không hỗ trợ iframe, vui lòng mở tính năng này hoặc nâng cấp trình duyệt</iframe>
</div></center>
Và khi post link youtube phải thay ký tự ? thành %3F và = thành %3D! Rất cám ơn bạn jajala đã viết bbcode này!

kukindal

cái này hay đấy để test thử cảm ơn bạn nhé.

alicemac

Để mình test thử. Cảm ơn bạn

pvs5011

thank.....................................

thinh_hung

thanks ssssssssssssssssssssssssssssssss