Bcastr3.0 flash通用图片播放器

来源：蓝色理想 作者：ruochi 出处：巧巧读书 2007-01-22 进入讨论组

• 关 键 词：
• javascript
• google
• flash
• 图片播放器

ruochi的个人站点：http://www.ruochi.com/

bcastr3.0 通用图片轮换播放器
可以用于各种新闻系统或者blog系统

• 可以读取xml设置播放列表,自定义xml地址
• 可以将图片地址直接写网页中直接,不需要xml
• 自动适应图片大小
• 循环播放，自定义自动播放时间
• 不限制图片数量
• 自定义尺寸,自动适应任何比例，图片不变形
• 自定义图片题目（可选）
• 浏览过程中下载
• 自定义图片连接（可选）
• 自定界面色彩放案

3.0新增特点：

• 图片自动抗锯齿，效果更佳
• 3种文字位置设定
• 4种图片过渡效果，过渡更自然，
• 可定义是否显示按钮，更适合做广告条
• 可定义是否在心窗后中打开连接
• 自定义尺寸,自动适应任何比例，图片不变形
• 自定义图片题目（可选）
• 浏览过程中下载
• 自定义图片连接（可选）
• 自定界面色彩放案

三种使用方法：

方法一，直接copy下面代码，修改其中的 swf_width，swf_height，files，links，texts 参数

运行代码框
<script type="text/javascript"> var swf_width=220 var swf_height=220 var files='http://www.ruochi.com/product/bcastr/pic/gymnasium.jpg|http://www.ruochi.com/product/bcastr/pic/zd.jpg|http://www.ruochi.com/product/bcastr/pic/adidas.jpg|http://www.ruochi.com/product/bcastr/pic/Maradona.jpg|http://www.ruochi.com/product/bcastr/pic/poster.jpg' var links='http://www.ruochi.com|http://www.ruochi.com|http://www.ruochi.com|http://www.ruochi.com|http://www.ruochi.com' var texts='安联球场|齐达内|马拉多纳解说世界杯|Adidas的世界杯用球|世界杯海报' document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="'+ swf_width +'" height="'+ swf_height +'">'); document.write('<param name="movie" value="http://www.ruochi.com/product/bcastr3/bcastr3.swf"><param name="quality" value="high">'); document.write('<param name="menu" value="false"><param name=wmode value="opaque">'); document.write('<param name="FlashVars" value="bcastr_file='+files+'&bcastr_link='+links+'&bcastr_title='+texts+'">'); document.write('<embed src="http://www.ruochi.com/product/bcastr3/bcastr3.swf" wmode="opaque" FlashVars="bcastr_file='+files+'&bcastr_link='+links+'&bcastr_title='+texts+'& menu="false" quality="high" width="'+ swf_width +'" height="'+ swf_height +'" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />'); document.write('</object>'); </script>
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]

方法二，直接嵌入地址

运行代码框
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="400" height="200"> <param name="movie" value="http://www.ruochi.com/product/bcastr3/bcastr3.swf"> <param name="quality" value="high"> <param name="wmode" value="transparent"> <param name="FlashVars" value="bcastr_file=http://www.ruochi.com/product/bcastr3/pic/a1.jpg|http://www.ruochi.com/product/bcastr3/pic/a2.jpg|http://www.ruochi.com/product/bcastr3/pic/a3.jpg|http://www.ruochi.com/product/bcastr3/pic/a4.jpg&bcastr_link=http://www.google.com|http://www.baidu.com|http://www.google.com|http://www.baidu.com&bcastr_title=Title 1|Title 2|Title 3|Title 4"> <embed src="http://www.ruochi.com/product/bcastr3/bcastr3.swf" FlashVars="bcastr_file=aaa.jpg|bbb.jpg|ccc.swf&bcastr_link=http://www.baidu.com|http://www.nba.com|http://www.ruochi.com&bcastr_title=百度|NBA|Ruochi.com" width="400" height="200" loop="false" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" salign="T" name="scriptmain" menu="false" wmode="transparent"></embed> </object>
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]

其中：
bcastr_file=aaa.jpg|bbb.jpg|ccc.swf 是图片地址，用"|"符号分开
bcastr_link=http://www.baidu.com|http://www.nba.com|http://www.ruochi.com 是图片对应连接地址，用"|"符号分开
bcastr_title=百度|NBA|Ruochi.com 是图片对应标题，用"|"符号分开

注意其中的&连接符

方法三，使用xml地址

运行代码框
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="100" height="200"> <param name="movie" value="http://www.ruochi.com/product/bcastr3/bcastr3.swf"> <param name="quality" value="high"> <param name="wmode" value="transparent"> <param name="FlashVars" value="bcastr_xml_url=http://www.ruochi.com/product/bcastr3/bcastr.xml"> <embed src="http://www.ruochi.com/product/bcastr3/bcastr3.swf" FlashVars="bcastr_xml_url=http://www.ruochi.com/product/bcastr3/bcastr.xml" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="100" height="200"></embed> </object>
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]

修改上方2个bcastr_xml_url=http://www.ruochi.com/product/bcastr3/bcastr.xml地址即可

xml内容：

item_url="pic/Maradona.jpg" 图片地址
link="http://www.google.com" 图片点击后 不填写就不可点击连接
itemtitle="马拉多纳受邀解说世界杯" 图片题目

高级设置：

默认参数字符串 0xffffff:文字颜色|2:文字位置|0xff6600:文字背景颜色|60:文字背景透明度|0xffffff:按键文字颜色|0xff6600:按键默认颜色|0x000033:按键当前颜色|8:自动播放时间(秒)|2:图片过渡效果|1:是否显示按钮|_blank:打开窗口

颜色都以0x开始16进制数字表示

文字颜色：题目文字的颜色
文字位置：0表示题目文字在顶端，1表示文字在底部，2表示文字在顶端
文字背景透明度：0-100值，0表示全部透明
按键文字颜色：按键数字颜色
按键默认颜色：按键默认的颜色
按键当前颜色：当前图片按键颜色
自动播放时间：单位是秒
图片过渡效果：0，表示亮度过渡，1表示透明度过渡，2表示模糊过渡，3表示运动模糊过渡
是否显示按钮：0，表示隐藏按键部分，更适合做广告挑轮换
打开窗口：_blank表示新窗口打开。_self表示在当前窗口打开

运行代码框
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="400" height="200"> <param name="movie" value="http://www.ruochi.com/product/bcastr3/bcastr3.swf"> <param name="quality" value="high"> <param name="wmode" value="transparent"> <param name="FlashVars" value="bcastr_file=http://www.ruochi.com/product/bcastr3/pic/a1.jpg|http://www.ruochi.com/product/bcastr3/pic/a2.jpg|http://www.ruochi.com/product/bcastr3/pic/a3.jpg|http://www.ruochi.com/product/bcastr3/pic/a4.jpg&bcastr_link=http://www.google.com|http://www.baidu.com|http://www.google.com|http://www.baidu.com&bcastr_title=Title 1|Title 2|Title 3|Title 4&bcastr_config=0xffffff:文字颜色|1:文字位置|0x0066ff:文字背景颜色|60:文字背景透明度|0xffffff:按键文字颜色|0x0066ff:按键默认颜色|0x000033:按键当前颜色|8:自动播放时间(秒)|2:图片过渡效果|1:是否显示按钮|_blank:打开窗口"> <embed src="http://www.ruochi.com/product/bcastr3/bcastr3.swf" FlashVars="bcastr_file=http://www.ruochi.com/product/bcastr3/pic/a1.jpg|http://www.ruochi.com/product/bcastr3/pic/a2.jpg|http://www.ruochi.com/product/bcastr3/pic/a3.jpg|http://www.ruochi.com/product/bcastr3/pic/a4.jpg&bcastr_link=http://www.google.com|http://www.baidu.com|http://www.google.com|http://www.baidu.com&bcastr_title=Title 1|Title 2|Title 3|Title 4&bcastr_config=0xffffff:文字颜色|1:文字位置|0x0066ff:文字背景颜色|60:文字背景透明度|0xffffff:按键文字颜色|0x0066ff:按键默认颜色|0x000033:按键当前颜色|8:自动播放时间(秒)|2:图片过渡效果|1:是否显示按钮|_blank:打开窗口" width="400" height="200" loop="false" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" salign="T" name="scriptmain" menu="false" wmode="transparent"></embed> </object>
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]

运行代码框
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="400" height="80"> <param name="movie" value="http://www.ruochi.com/product/bcastr3/bcastr3.swf"> <param name="quality" value="high"> <param name="wmode" value="transparent"> <param name="FlashVars" value="bcastr_file=http://www.ruochi.com/product/bcastr3/pic/a1.jpg|http://www.ruochi.com/product/bcastr3/pic/a2.jpg|http://www.ruochi.com/product/bcastr3/pic/a3.jpg|http://www.ruochi.com/product/bcastr3/pic/a4.jpg&bcastr_link=http://www.google.com|http://www.baidu.com|http://www.google.com|http://www.baidu.com&bcastr_title=&bcastr_config=0xffffff:文字颜色|2:文字位置|0x0066ff:文字背景颜色|60:文字背景透明度|0xffffff:按键文字颜色|0x0066ff:按键默认颜色|0x000033:按键当前颜色|8:自动播放时间(秒)|2:图片过渡效果|0:是否显示按钮|_blank:打开窗口"> <embed src="http://www.ruochi.com/product/bcastr3/bcastr3.swf" FlashVars="bcastr_file=http://www.ruochi.com/product/bcastr3/pic/a1.jpg|http://www.ruochi.com/product/bcastr3/pic/a2.jpg|http://www.ruochi.com/product/bcastr3/pic/a3.jpg|http://www.ruochi.com/product/bcastr3/pic/a4.jpg&bcastr_link=http://www.google.com|http://www.baidu.com|http://www.google.com|http://www.baidu.com&bcastr_title=&bcastr_config=0xffffff:文字颜色|2:文字位置|0x0066ff:文字背景颜色|60:文字背景透明度|0xffffff:按键文字颜色|0x0066ff:按键默认颜色|0x000033:按键当前颜色|8:自动播放时间(秒)|2:图片过渡效果|0:是否显示按钮|_blank:打开窗口" width="400" height="80" loop="false" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" salign="T" name="scriptmain" menu="false" wmode="transparent"></embed> </object>
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]

源文件打包下载：bcastr3.zip

图 文 结 合：http://www.qqread.com/asp/2007/01/o294294.html进入讨论组讨论。

【收藏此文】【大 中 小】【打印】【关闭】

较早的文章：Vcastr 2.0 flv 网络播放器

较新的文章：安全：防止外部数据提交的脚本