打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
《所见即所得在线自定义FLASH播放器制作》
《所见即所得在线自定义FLASH播放器制作》
一、简要概述
  这款播放器的总体构想是:
  把制作播放器和做帖合二为一,就是说你播放器做好了,等于帖子也做好了,
不需要再去用HTML代码把播放器代码定位到帖子里、把星星点点的效果flash
(透明flash)定位到帖子里、把文字内容定位到帖子里等烦琐的去弄HTML代码或UBB代码。这些过程都可以在制作播放器时就一步搞定了。

  经常看到有新手说定位不准确、如何把播放器、文字等放到背景图上等等,用这个方法就比较方便了,
只要动动鼠标把播放器、视频窗口、文字、效果flash(透明flash)等拖到背景图上你想放的位置即可。
你可以随心所欲的把播放器、效果flash(透明flash)、文字内容拖放到背景图上你想放的位置,你现在编辑的时候放到什么位置,
提交后生成的播放器这些元素就在什么位置,丝毫不会偏移。免去了HTML代码反复定位预览的麻烦。

  所以这款播放器对于不太会用HTML代码或UBB代码做帖的新手朋友应该是有一定帮助的,你完全可以做出很棒的帖子来和大家分享。
对于做帖熟练的会员也可以大大节省做帖时间,降低劳动强度。

  你只要准备好做一个帖子的基本素材:背景图片、音乐地址、效果flash(透明flash)地址、文字内容(这2项可有可无),
你就可以随意在你的背景图上拖放好它们的位置。然后一次生成,直接复制播放器代码去发帖。完全不用整HTML代码了。


二、使用操作步骤
  《1》、点击客栈导航上面的“播放器”进入播放器制作页面,点击“新增自定义FLASH播放器”进入制作自定义FLASH播放器的页面,
首先看到的是一个小工具框,以下称“工具箱”,这个工具箱是可以随意拖动的,如图(1)。

  《2》、首先是添加背景,背景有2种方式:
  一种是选择一种颜色做背景,点击颜色框边上的彩色方块按钮就可以选择颜色了,当然也可以直接在颜色输入框输入6位颜色代码。

  第二种是用JPG或GIF图片或者FLASH动画做背景,在地址里输入图片或动画地址即可。需要说明的是地址必须是有效的不防盗链的地址。

  以上2种背景方式你选择其中一种即可,然后是修改背景的宽度和高度值,这个你随意设置,不要超过系统规定的最大和最小尺寸都可以,
整个播放器或者说帖子的尺寸就是背景的尺寸。大小你自己把握。

  最后点击“确定”,马上就生成一个背景画面,接下来你就可以在这个背景上放一些东西了。

  《3》、点击工具箱上的添加播放器,出来播放器选择列表,点击选择一款合适的播放器,背景上就出现你选的播放器式样,
你可以多点几次选择喜欢的式样(由于时间关系,目前只有很少的几款式样,以后有时间再添加),然后把播放器拖到背景上合适的位置即可。

  《4》、点击工具箱上的添加视频,在出来的界面填写视频的宽度和高度值,如果要在帖子里显示变幻小图片窗口(以前各款播放器都有此功能)
请把“是否显示变幻小图片”打勾,否则不要打勾,点击“确定”背景上就出现了一个显示视频的窗口,把该窗口拖到背景上合适的位置即可。

  说明:系统规定视频窗口是必选项,也就是说不选择这一项就无法提交。
你的影音曲目里无论是否有视频,这项都必须选择的,主要是防止有些曲目里有视频地址而你忘记了设置视频窗口,视频就无法显示了。
如果你的影音地址里没有视频地址,“是否显示变幻小图片”也不打勾,那么虽然目前背景里有视频窗口,但做成的帖子里不会出现视频窗口的。

  以上你设置了背景、播放器、视频窗口3个必选项后,就具备生成一个播放器和帖子的最基本的条件了,
在下面输入播放器标题、影音地址等就可以生成一个播放器了。如果你还想美化一下播放器和添加点文字内容什么的,那么接下来进行下面的操作:

  《5》、点击工具箱上的新增效果flash(透明flash),在出来的界面的地址里输入FLASH地址,
比如云彩、星星、流星雨、花瓣、白雾、蝴蝶等等效果flash(透明flash)的地址,点击“新增”,背景上就出现效果了,你可以把它拖到合适的位置去,
规定最多可以添加10个效果flash(透明flash),一般也够了,太多的flash会影响帖子显示速度的,当然图片地址也可以的。

  界面里的宽、高值指的是效果flash(透明flash)显示原始大小的百分比,并不是实际尺寸,如果想缩小显示,把宽、高值的百分比减小即可,反之加大即可。

  在生成的效果flash(透明flash)上会有一个“效果flash(透明flash)+编号”的标签,
这个主要是为了你拖动方便和多个效果flash(透明flash)时便于识别而设置的,在正式生成的播放器里不会显示这个标签的,
因为有些星星点点的不规则的flash你很难找到拖动它的位置,它不断在变化,有了这个标签你就直接拖标签就可以了。

  在每个效果flash(透明flash)标签上右键有“修改”、“删除”、“刷新”、“移至顶层”的按钮。如果你不想要某个效果flash(透明flash),
你可以“右键-删除” 即可。如果想修改某个flash的地址或者修改显示大小的百分比,那么“右键-修改”工具箱即可出现修改界面,
修改地址或大小百分比后点击界面里的“修改”原来设置的flash就变为你修改后的效果了。

  《6》、点击工具箱上的新增文字,在出来的界面里输入文字内容、设置文字大小、字体、颜色、文字显示区域的宽度和高度、如果要粗体那么请打勾,
如果要斜体那么请打勾。然后点击“新增”背景上就显示出文字内容了。同样的,你可以把它拖到合适的位置上去

  如果你的文字内容在你设置的宽度和高度范围之内,那么文字静止显示,如果你的文字内容超过了你设置的宽度和高度范围,那么文字会自动滚动显示。
并且也设置了滚动条,你可以拉动滚动条查看文字内容。

  和效果flash(透明flash)一样,在文字上右键也有“修改”、“删除”、“移至顶层”的按钮,方便你删除或修改操作,
操作方法和上面介绍的效果flash(透明flash)一样的操作方法一样,这里就不重复了。

  上面介绍的效果flash(透明flash)和文字右键都有“移至顶层”的按钮,下面说说这个按钮的用途:
  你在背景上放置的效果flash(透明flash)和文字内容它们之间是有层次区别的,如果分开你看上去好像它们是在同一个平面,
如果把他们叠加在一起,你就会发现,它们是有上下层次的,如果你想让某一个效果flash(透明flash)或文字在最上层显示,
只要在该效果flash(透明flash)或文字上“右键--移至顶层”即可

  以上介绍了工具箱里各个功能的操作方法,全部设置好后,接下来就在“播放器标题”里填写播放器标题、在“专辑名称、专辑曲目、链接地址等代码”
里输入专辑名称、专辑曲目、链接地址等,如果有介绍文字请在“专辑简介”里输入介绍内容、如果有歌词请在“歌词同步”里输入歌词内容或歌词地址、
如果要在帖子里显示小图片变幻窗口请在“该式样可以添加背景图片组和flash动画组。”
里输入图片地址和flash地址等等设置,这个和以前的操作一样,如果不明白请点击各个输入框边上的红色的“xx实例”按钮看看就明白了,很简单的,这里就不罗嗦了。

  播放器生成后,你就可以直接复制播放器代码发帖了,不需要去整HTML代码了,因为你所有要展示的元素都已经在播放器里了

  下面讲讲需要注意的几个地方:
三、注意事项
  《1》、所有在背景里出现的元素都是可以随意拖动定位的,比较方便。视频窗口大小可以自定义的,透明flash大小、文字框大小都可以自定义设置的。

  《2》、如果你想改变背景的大小尺寸,为避免由原来的大尺寸改为小尺寸时看不到你已经设置好的效果flash(透明flash)和文字等内容,
每次调整尺寸时效果flash(透明flash)和文字等内容的位置都需要你重新调整。因为页面尺寸不一样了。所以尽量一开始就定好背景尺寸,不要中途又去修改。

  《3》、如果是FLASH动画做背景,背景地址不是在客栈空间,可能会无法加载显示,这是由于FLASH限制了跨域读取数据造成的,
你可以把动画背景上传客栈,也可以在你放动画的空间放一个策略文件(很小,只有不到1K)就可以了,就是授权允许客栈访问你的动画。策略文件制作:
新建一个文本文件(记事本文件),把下面代码复制进去保存,把文件格式改为.xml
<?xml version="1.0"?>
<!DOCTYPE cross-domain-policy SYSTEM "http://www.macromedia.com/xml/dtds/cross-domain-policy.dtd">
<cross-domain-policy>
<allow-access-from domain="*.sqkz.com" />
</cross-domain-policy>
然后文件名必须命名为 crossdomain.xml
如果是图片背景,只要不是防盗链的地址有效的链接,都可以显示的。

  《4》、关于“播放器在页面的放置位置”的选择这里再说明一下:
普通固定位置:播放器位于帖子页面的正常显示位置,不做任何偏移,适用于普通页面和单独使用该播放器
可调相对位置:播放器位于帖子页面的任意位置,适用于宽屏显示,需要根据具体的网页调整播放器显示的位置
可调绝对位置:播放器位于帖子页面的任意位置,适用于播放器嵌入到帖子里的某个位置,需要根据具体的网页调整播放器显示的位置

以客栈发帖为例:
如果你的背景宽度不超过760像素,那么默认的普通固定位置即可。帖子显示在你头像右边帖子内容区域。
如果你的背景宽度超过了760像素,比如1000像素,那么选择可调相对位置。帖子将以宽屏显示。注意根据帖子宽度调整left: -200px; top: 100px;值,
使得帖子居中显示,如果你你要把帖子嵌到其它页面或HTNL代码里,那么选择可调绝对位置。
注意调整left: -200px; top: 100px;值,使得帖子在你需要的位置显示。
对初学者我说一下播放器代码里数字表示的含义,便于你正确定位帖子:
left:-200px;---帖子向左移动200像素,如果宽屏帖这样的处理使得帖子可以完全显示,如果向右移200像素用 left:200px;
top:100px;----帖子向下移100像素,如果宽屏帖这样的处理帖子不会盖住你的头像,如果向上移100像素用 top:-100px;


  因整个程序系统比较复杂,难免有考虑不周全的地方,如果您在使用过程中发现有什么不足或错误麻烦请留言,不断进行完善和提高。


  修改改进日志:
  ◆[2008-06-28] 改进1 原设计在工具箱里设置好各个元素后要点击“保存设置”,现在改为自动保存了,所以取消了“保存设置”按钮。
  ◆[2008-06-29] 改进2 原设计视频窗口是必选的,现在改不选也可以,但是以下情况必须设置视频窗口的大小和位置:
    (a)如果曲目地址里有视频地址,必须设置视频窗口并且拖到背景合适的位置。否则视频默认大小为200x150,显示在背景居中位置。
    (b)如果要显示小图片窗口,必须设置视频窗口并且把“是否显示变幻小图片”打勾,确定,然后把窗口拖到背景合适的位置。
  ◆[2008-06-29] 改进3 生成的播放器里视频窗口、小图片窗口和播放控制按钮都可以拖动,便于欣赏者的个人习惯。
  ◆[2008-06-30] 改进4 右键菜单第一项的内容改为 播放器名称、制作人和日期信息,链接指向用户所有发布的主题帖子。


  (4)[2008-07-07]本次进行了比较多的改进,增加了一些功能,改善了原来的某些功能,目的是为了能更灵活的设置播放器,
更满足个性化的需求。具体改进如下:

    1、在“添加背景”里增加了“播放器按钮颜色”的选择,原来播放器按钮颜色(就是控制播放的部分)默认都是白色或者和曲目颜色相同,
现在可以单独设置播放器各控制按钮的颜色了。

    2、在“新增文字”里增加了“滚动条颜色”的设置,原来文字如果出现滚动条,其颜色都是蓝色的,
现在可以选择不同的颜色了,便于和整个播放器背景相协调。

    3、“视频窗口”里增加了“边框线宽度”和“边框线颜色”的选择,原来视频窗口(包括小图片窗口)的边框都是灰白色的,
边框线宽度都是8像素的,现在可以根据各人的需要灵活设置视频窗口的颜色和边框线条宽度了。

    4、增加了“歌词窗口”的设置,原来如果曲目里含有歌词,歌词窗口默认都是居中显示,然后可以拖到其它位置,
歌词窗口的边框都是灰白色的,背景也和菜单窗口的背景相同。现在可以单独设置歌词窗口的边框颜色、背景颜色、背景透明度、歌词字体颜色、控制按钮颜色等。
并且可以把歌词窗口拖到背景的合适位置,这样当显示歌词时,歌词窗口的位置就是你设置的位置,各种颜色也是你设置的颜色。

    5、增加了“菜单窗口”的设置,原来在播放器里点击“菜单”,菜单窗口默认都是居中显示,然后可以拖到其它位置,菜单窗口的边框都是灰白色的,
背景在页面里选择。现在可以单独设置菜单窗口的边框颜色、背景颜色、背景透明度、字体颜色、控制按钮颜色、曲目简介字体颜色等。
并且可以把菜单窗口拖到背景的合适位置,这样当点击“菜单”显示菜单窗口的位置就是你设置的位置,各种颜色也是你设置的颜色。
另外增加了“打开播放器默认是否显示菜单窗口”的选择,如果这里打勾,那么打开播放器就显示菜单。否则默认隐藏菜单窗口,要点击“菜单”按钮才显示菜单窗口。

    6、增加了“画形状”的功能,该功能可以在背景上生成方形、圆形、三角形等各类形状,
并可以随意拖动鼠标缩放大小,在“画形状”界面设置好参数,点击确定,背景上就出现一个形状,拖到合适的位置。点形状右下角外围拖动鼠标可以缩放形状大小。
这些形状可用于背景边框、文字边框、签名边框等等一些用途,和透明FLASH、文字的生成一样,点右键可以修改和删除等操作。

    7、在透明FLASH、文字右键菜单里增加了“拖动”、“锁定(禁止拖动)”的菜单项,
各类形状的右键增加了“拖动”、“缩放”、“锁定(禁止拖动和缩放)”的菜单项,增加这个功能的目的是:
如果背景上有多个透明FLASH、文字、各类形状互相交错的情况,该功能可以锁定不需要拖动的对象,
只拖动未锁定的对象,避免误动不想拖动的对象,特别是各类形状,一旦设置好大小和位置后,最好就锁定,否则当你调整其它对象时有可能会使多个对象联动。

    8、原设计在设置背景时,背景颜色或背景图片地址2个选项必须选择一种,现在可以2个都留空,让背景透明显示,
这样可以用HTML代码把做好的透明FLASH播放器放到图片背景上去。
这样有些因跨域权限问题或者网络速度太慢等原因而无法用播放器直接加载显示背景图片的情况可以得到很好的解决。
就是说,这里只做一个透明FLASH播放器,然后把这个透明FLASH播放器用HTML代码嵌到帖子背景图上或其它地方。

    9、增加了整个背景图片和曲目联动的功能,就是每播放一个曲目换一个背景图。
在播放器编辑页面的“曲目图片联动小窗口”一栏的“显示位置”选择“整个背景”即可。如下图:
 



    由于进行了以上改进,所以取消了原页面里设置各种颜色和透明度的部分内容,因为都移到FLASH里去设置了。就是取消了如下图的部分:


    这样页面里就设置以下7项即可:

    (1)播放器标题
    (2)专辑名称、专辑曲目、链接地址等代码
    (3)歌词同步(如果有歌词的情况)
    (4)专辑简介(如果有专辑简介的情况)
    (5)曲目图片联动小窗口(如果有小图片的情况)
    (6)播放器在页面的放置位置
    (7)是否启用多音乐格式支持

    其中(1)(2)项是必填的,其它项看具体情况而定,不是必需的。


  ◆[2008-09-19] 改进5 本次增加了10个小巧的播放器风格,主要是适用于音画帖的需要,
因为音画帖在漂亮的画面上放一个大大的播放器可能不是很美观,所以特意做了10个微型的播放器,
当鼠标指向这些播放器小图标时能显示播放控制按钮,鼠标移开后能隐藏播放控制按钮,只显示小图标,这样有利于音画帖的整体美观。
不会因原来用大的播放器而破坏了音画帖的画面效果。
  这10个播放器的名称和图标是:

小喇叭(绿色)
小喇叭(白色)
小喇叭(红色)
旋转光盘
音柱
小虎
老唱机
拉小提琴
弹吉他
小娃娃


  在制作自定义播放器时可以选择这些播放器,也可以在已经做好的自定义播放器里切换这些播放器
  制作好的帖子在帖子里就显示上面的图标,当鼠标移到这些图标上时会显示播放器控制按钮,鼠标离开时会隐藏播放器控制按钮,重新显示小图标。
  你如果有特殊的需要,可以提供小图标给我,我可以加进去。

  示例:钢琴记事簿-许茹芸

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
【习之 原创】有老小孩LOGO的音乐播放器(二)
通用播放器歌曲列表【引用】
Flash视频播放器在线生成
学习3D动画文字  [原] - 明月的日志 - 网易博客
单曲播放器使用说明(习之)
方形播放器flash按钮
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服