Thứ Sáu, 28 tháng 3, 2014

Cách khử khung nền trắng của audio RFA khi post vào nền trang màu





Code audio RFA từ View Source:

<embed bgcolor="FFFFFF" data="http://www.rfa.org/vietnamese/manuallyupload/audio-player/player.swf" flashvars="playerID=1&amp;bg=0x00FFFF&amp;leftbg=0x3366FF&amp;lefticon=0xFFFFFF&amp;rightbg=0xFF6633&amp;rightbghover=0x999999&amp;righticon=0x14FF14&amp;righticonhover=0xffffff&amp;text=0x666666&amp;slider=0x666666&amp;track=0xFFFFFF&amp;border=0x666666&amp;loader=0x9FFFB8&amp;soundFile=http://www.rfa.org/vietnamese/in_depth/vo-nguyen-giap-s-wish-n-plight-gm-10102013093525.html/giaminh10102013.mp3" height="25" id="audioplayer1" menu="false" quality="high" src="http://www.rfa.org/vietnamese/manuallyupload/audio-player/player.swf" type="application/x-shockwave-flash" width="240"></embed>



Khi dán code lấy từ View source vào một nền màu sẽ hình thành sẵn một khung nền trắng như dưới đây:


















Nguyên code audio RFA chép từ View Source :

<embed bgcolor="FFFFFF" data="http://www.rfa.org/vietnamese/manuallyupload/audio-player/player.swf" flashvars="playerID=1&amp;bg=0x00FFFF&amp;leftbg=0x3366FF&amp;lefticon=0xFFFFFF&amp;rightbg=0xFF6633&amp;rightbghover=0x999999&amp;righticon=0x14FF14&amp;righticonhover=0xffffff&amp;text=0x666666&amp;slider=0x666666&amp;track=0xFFFFFF&amp;border=0x666666&amp;loader=0x9FFFB8&amp;soundFile=http://www.rfa.org/vietnamese/in_depth/vo-nguyen-giap-s-wish-n-plight-gm-10102013093525.html/giaminh10102013.mp3" height="25" id="audioplayer1" menu="false" quality="high" src="http://www.rfa.org/vietnamese/manuallyupload/audio-player/player.swf" type="application/x-shockwave-flash" width="240"></embed>

Phân tích:

Khi code audio lấy từ View source thì thủ phạm gây ra nền trắng hiển thị khi audio đặt trong một nền màu (khác với màu trắng) là do cụm :  bgcolor="FFFFFF"

Để dấu khung trắng ta đổi màu cho khung bgcolor="FFFFFF" có màu đồng nhất với màu nền của trang, ví dụ nền trang có màu 577345 thì ta đổi giá trị bgcolor="FFFFFF" thành bgcolor="577345".
Khi đó code audio dán vào trang nền sẽ là:

<embed bgcolor="577345" data="http://www.rfa.org/vietnamese/manuallyupload/audio-player/player.swf" flashvars="playerID=1&amp;bg=0x00FFFF&amp;leftbg=0x3366FF&amp;lefticon=0xFFFFFF&amp;rightbg=0xFF6633&amp;rightbghover=0x999999&amp;righticon=0x14FF14&amp;righticonhover=0xffffff&amp;text=0x666666&amp;slider=0x666666&amp;track=0xFFFFFF&amp;border=0x666666&amp;loader=0x9FFFB8&amp;soundFile=http://www.rfa.org/vietnamese/in_depth/vo-nguyen-giap-s-wish-n-plight-gm-10102013093525.html/giaminh10102013.mp3" height="25" id="audioplayer1" menu="false" quality="high" src="http://www.rfa.org/vietnamese/manuallyupload/audio-player/player.swf" type="application/x-shockwave-flash" width="240"></embed>



Cụ thể audio sẽ hiển thị trong nền màu như dưới đây:



Khi dán code đã xử lý cụm bgcolor="FFFFFF" thành bgcolor="577345" ta sẽ không nhận ra nền khung của asudio nữa:















Trường hợp sử dụng công thức tổng quát (soạn năm 2010 từ blog Multipy) sẽ thích ứng với mọi nền trang, tránh được mọi khiếm khuyết gây ra. Tuy nhiên sẽ mất thời gian để chèn file audio vào công thức.

Dưới đây nhắc lại công thức tổng quát audio cho RFA:

<div align="center">
<embed align="middle" allowscriptaccess="never" flashvars="bg=0x00FFFF&amp;leftbg=0x3366FF&amp;rightbg=0xFF6633&amp;rightbghover=0xFF80FF&amp;lefticon=0xF4F400&amp;righticon=0x14FF14&amp;righticonhover=0xFFFFFF&amp;text=0x000000&amp;slider=0x000000&amp;track=0xF0F000&amp;loader=0xA346FF&amp;border=0xFFFFFF&amp;autostart=no&amp;loop=no&amp;soundFile=" height="40" name="player" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" src="http://www.rfa.org/vietnamese/manuallyupload/audio-player/player.swf" style="margin: 0px 0pt 0px 0px; vertical-align: top;" type="application/x-shockwave-flash" width="230" wmode="transparent"></embed></div>

Trong công thức trên file audio được chèn vào ngay sau dấu = tại công thức.

Ví dụ file audio đã có :

http://www.rfa.org/vietnamese/in_depth/vo-nguyen-giap-s-wish-n-plight-gm-10102013093525.html/giaminh10102013.mp3

Sau khi chèn file ta được code để dán sẽ là:

<div align="center">
<embed align="middle" allowscriptaccess="never" flashvars="bg=0x00FFFF&amp;leftbg=0x3366FF&amp;rightbg=0xFF6633&amp;rightbghover=0xFF80FF&amp;lefticon=0xF4F400&amp;righticon=0x14FF14&amp;righticonhover=0xFFFFFF&amp;text=0x000000&amp;slider=0x000000&amp;track=0xF0F000&amp;loader=0xA346FF&amp;border=0xFFFFFF&amp;autostart=no&amp;loop=no&amp;soundFile=http://www.rfa.org/vietnamese/in_depth/vo-nguyen-giap-s-wish-n-plight-gm-10102013093525.html/giaminh10102013.mp3" height="40" name="player" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" src="http://www.rfa.org/vietnamese/manuallyupload/audio-player/player.swf" style="margin: 0px 0pt 0px 0px; vertical-align: top;" type="application/x-shockwave-flash" width="230" wmode="transparent"></embed></div>

Bây giờ ta có thể dán code trên vào bất cứ nền nào cũng không có hiệu ứng nền khung của audio nữa. ví dụ post vào nền dưới đây:












=======================================






Không có nhận xét nào:

Đăng nhận xét