注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

吨袋包装机吨袋包装机董工

吨袋包装机,吨袋包装机董工,www.qzdbzc.net,邦尧吨袋包装机董工,

 
 
 

日志

 
 
关于我

吨袋包装机定制,吨袋包装机董工,邦尧吨袋包装机董工,吨袋包装机报价,吨袋包装机生产厂家,吨袋包装机视频。无锡邦尧吨袋包装机董工,

网易考拉推荐

【引用】《原创》FLV网络视频播放器源地址及制作过程(六)  

2012-03-22 22:05:43|  分类: 博客制作 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
        这次主要讲述FLV视频播放器控制按钮的制作,先打开myflv源文件,点击菜单栏“插入”---“新建元件”--名称写“喇叭”,勾选“按钮”,然后点击“确定”;进入元件编辑区。在“弹起,指针经过,按下,点击”帧上各“插入空白关键帧”,在“弹起”帧上用工具绘制一个喇叭图样,图样绘制好以后,点击“弹起”帧,然后鼠标右键复制,再到指针经过,按下帧上鼠标右键粘贴;并调整喇叭在“指针经过,按下”帧上的颜色,在“点击”帧上用矩形工具画一个矩形,设置笔触无,填充色为黑色。接着再制作“上一首,下一首,播放暂停按钮”,你也可以在FLASH软件的公共库中找这几个按钮元件,但是在“点击”帧上必须设置为黑色矩形!接着我们制作一个黑色背景,这个背景是把播放器控制按钮放上去的。点击最上面菜单栏的“插入”---“新建元件”,名称写“控制按钮背景”,勾选“按钮”,点击“确定”,进入元件编辑区;设置笔触无,填充色为黑色,用矩形工具在舞台上画一个长550,高40的矩形。
       接着我们再新建2个按钮元件,用“线条”工具画一个加载进度条,以及喇叭声音大小的线条,设置填充色无,笔触为3,在舞台上画一个长380,高为0的“进度条”按钮;你可以调整按钮 “指针经过以及按下,点击”时的颜色。接着在“喇叭声音”按钮元件里面画一个线条,设置填充色无,笔触为3,在舞台上画一个长60,高为0的“喇叭声音”按钮元件,并调整第2,3,4帧的颜色。
     现在点击菜单栏的“插入”---“新建元件”,名称写“歌曲时间及歌名”,勾选“影片剪辑元件”,点击“确定”;进入元件编辑区。点击左边工具栏的“T”,设置为“动态文本”,实例名写“videotime_left”,在舞台上写“00:00”;设置如下图所示。

《原创》FLV网络视频播放器源地址及制作过程(六) - 上海信诚二手 - 上海信诚二手的博客

《原创》FLV网络视频播放器源地址及制作过程(六) - 上海信诚二手 - 上海信诚二手的博客

《原创》FLV网络视频播放器源地址及制作过程(六) - 上海信诚二手 - 上海信诚二手的博客

 

    接下来就是组合这些按钮及影片剪辑元件。点击菜单栏的“插入”---“新建元件”,名称写“控制按钮区”,勾选“影片剪辑元件”点击“确定”后进入元件编辑区。先连续点击“插入图层”5次,这样就有了6个图层,点击“图层1”,把“控制按钮背景”这个按钮元件放到舞台上,实例名以及alpha设置如下图:

《原创》FLV网络视频播放器源地址及制作过程(六) - 上海信诚二手 - 上海信诚二手的博客

 

     点击“图层1”第1帧,然后按电脑键盘上的“f9”,打开动作面板,将下面代码粘贴进去:
         kzbj2.useHandCursor=false;
     点击“图层2”第1帧,把“控制按钮区”按钮元件拖到舞台上,并调整好位置,X:0,Y:0,    实例名称写:kzbj1   颜色勾选 “无”, 混合   勾选“一般”。
     点击“图层3”第1帧,将加载进度条及喇叭声音线条拖到舞台上,设置加载进度条的宽度为1,高为0,X:16,Y:6,实例名称:btni
在舞台上设置喇叭声音线条这个按钮元件:宽40,高为0,X:482.9 Y:25.6,实例名称:btng       颜色“无”,混合“一般”
如下图所示:

《原创》FLV网络视频播放器源地址及制作过程(六) - 上海信诚二手 - 上海信诚二手的博客

 

    点击“图层4”的第1帧,将加载进度条按钮元件拖到舞台上,设置:宽为1,高为0. X:16,Y:6, alpha:28%  实例名称:btnh
如下图所示:

《原创》FLV网络视频播放器源地址及制作过程(六) - 上海信诚二手 - 上海信诚二手的博客

      接着把按钮“上一首,播放暂停,下一首,喇叭,喇叭声音”这些元件拖到舞台上,并排好位置。点击舞台上的“上一首”按钮元件,实例名称写:btnc   属性面板上勾选颜色“无”  混合“一般”;点击舞台上的“播放暂停”按钮元件实例名称写:btnb   颜色及混合的设置同“上一首”按钮元件一样;点击舞台上的“下一首”按钮元件,实例名称写:btnd   颜色及混合同上;点击舞台上的“喇叭”按钮元件,实例名称写:btne    颜色勾选“无”,混合“一般”;点击舞台上的“喇叭声音线条”按钮元件,在属性面板上设置:实例名称写:btnf  宽度50,高为0,X:482.4,Y:25.6     颜色勾选:alpha,透明度填:25%。
     点击“图层5”的第1帧,将“歌曲时间及歌名”这个影片剪辑元件拖到舞台上,并调整好位置。在属性面板上设置:实例名称写:shijian       宽362,高为21,X:87,Y:14.2 颜色勾选“无”,混合勾选“一般”。
    点击“图层6”的第1帧,鼠标右键“插入空白关键帧”,按电脑键盘上的“f9”打开动作面板,将以下代码复制粘贴进去。
  _root.ns.onMetaData = function(obj) {
 dur = obj.duration;
};
_root.onEnterFrame = videoUpdate;
_root.kongzhi.btnh.onPress = function() {
 _root.onEnterFrame = scrubba;
};
_root.kongzhi.btnh.onRelease = _root.kongzhi.btnh.onReleaseOutside=function () {
 _root.ns.pause(false);
 _root.onEnterFrame = videoUpdate;
};
function scrubba() {
 var p = ((_root.kongzhi._xmouse-10)/380);
 if (_root.kongzhi._xmouse<=390 && p>=0) {
  _root.ns.seek(p*dur);
  _root.ns.pause(true);
  _root.kongzhi.btni._xscale = p*100;
 }
}
function videoUpdate() {
 var prog = _root.ns.time/dur;
 _root.kongzhi.btni._xscale = prog*100;
 var lprog = _root.ns.bytesLoaded/_root.ns.bytesTotal;
 _root.kongzhi.btnh._xscale = lprog*100;
 var ns_seconds:Number = _root.ns.time;
 var minutes = Math.floor(ns_seconds/60);
 var seconds = Math.floor(ns_seconds%60);
 var total_min = Math.floor(dur/60);
 var total_sec = Math.floor(dur%60);
 //让时间显示格式为"00:00"
 minutes<10 ? (minutes="0"+minutes) : NULL;
 seconds<10 ? (seconds="0"+seconds) : NULL;
 total_min<10 ? (total_min="0"+total_min) : NULL;
 total_sec<10 ? (total_sec="0"+total_sec) : NULL;
 //显示时间信息  
 _root.kongzhi.shijian.videotime_left.text = minutes+":"+seconds;
 _root.kongzhi.shijian.videotime_right.text = total_min+":"+total_sec;
}
//=========声音控制=============
vidsound.attachAudio(ns);
var sou:Sound = new Sound(vidsound);
sou.setVolume(75);
_root.kongzhi.btnf.onPress = function() {
 _root.kongzhi.onEnterFrame = setV;
};
_root.kongzhi.btnf.onRelease = _root.kongzhi.btnf.onReleaseOutside=function () {
 delete _root.kongzhi.onEnterFrame;
};
function setV() {
 if (_root.kongzhi._xmouse>=290 && _root.kongzhi._xmouse<=350) {
  var soundP = ((_root.kongzhi._xmouse-290))/60;
  sou.setVolume(soundP*100);
  _root.kongzhi.btng._xscale = soundP*100;
  myVolume = sou.getVolume();
 }
}
_root.kongzhi.btne.onRelease = function() {
 if (sou.getVolume() == 0) {
  sou.setVolume(myVolume);
  _root.kongzhi.btng._xscale = myVolume;
 } else {
  myVolume = sou.getVolume();
  sou.setVolume(0);
  _root.kongzhi.btng._xscale = 1;
 }
};
这样FLV视频播放器的按钮控制区基本上制作完毕,下次再说一下歌曲列表的制作过程以及代码。

 


 
 

 

 
  评论这张
 
阅读(69)| 评论(0)
推荐

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017