初识AS制作简单视频播放器

合集下载

Flash CS4 练习:制作ActionScript视频播放器

Flash CS4  练习:制作ActionScript视频播放器

Flash CS4 练习:制作ActionScript 视频播放器在上一练习中学习了使用导入视频的方法制作视频播放器。

本练习将采用ActionScript 3.0技术制作一个视频播放器,首先读取外部XML 文件中的视频文件URL 地址,然后根据该地址加载相同目录中的FLV 视频文件,并实现播放、暂停、停止等基本功能。

操作过程:(1)新建470×440像素的空白文档,导入所有素材图像到【库】面板,并将“播放器”素材图像拖入到舞台中。

然后新建“播放”按钮元件,将“播放”素材图像拖入到舞台,在【属性】面板中为其添加“投影”滤镜,并设置【强度】为“30%”。

(2)右击【指针经过】状态帧,在弹出的菜单中执行【插入关键帧】命令插入关键帧,使其与【弹起】状态帧中的内容相同。

然后,在【按下】状态帧处插入关键帧,选择该影片剪辑元件,在【属性】面板中更改“投影”滤镜的【强度】为“10%”,并向下移动2像素。

拖入到舞台拖入添加 设置提示:由于“播放器”素材图像的尺寸与舞台相同,在拖入舞台后设置其x 和y 坐标均为0即可。

(3)使用相同的方法,创建“暂停”、“停止”、“快进”和“快退”等按钮元件。

新建“按钮”图层,将关于控制播放的5个按钮元件拖入到舞台的底部,并设置【实例名称】分别为playBtn 、pauseBtn 、stopBtn 、ffBtn 和rewBtn 。

然后新建“音量”图层,将“声音”和“静音”按钮元件拖入到其右侧,并设置【实例名称】分别为voiceBtn 和muteBtn 。

(4)新建“音量”影片剪辑元件,使用【多角星形工具】在舞台中绘制一个黑色(#000000)的三角形。

新建“矩形”图层,使用【矩形工具】绘制一个与三角形等宽的黄色(#F6D961)矩形,将其转换为影片剪辑元件,并设置其【实例名称】为voiceBar 。

(5)新建“遮罩”图层,将“三角形”图层第1关键帧中的三角形复制到该图层中的相同位置,并右击该图层执行【遮罩层】命令将其转换为遮罩层。

Flash CS4 练习:制作简单视频播放器

Flash CS4  练习:制作简单视频播放器

Flash CS4 练习:制作简单视频播放器顾名思义,视频播放器就是用来播放视频文件的工具。

在Flash视频的方式制作一个FLV/F4V 视频播放器,可以用来控制FLV/F4V操作过程:(1)新建470×400图形元件拖入到舞台的左侧,并在【变形】面板中设置其【缩放宽度】为“ (2)新建“播放器”图层,将“播放器外观”图形元件从【库】面板拖入到舞台的右上角,并在【属性】面板中设置其x 和y 坐标分别为135和20。

然后,新建“底纹”图层,将“底纹”图形元件拖入到舞台的底部,在【变形】面板中设置其【缩放宽度】为“52%”;在【属性】面板中设置x 和y 坐标分别为0和358。

提示: 在设置【缩放宽度】选项之前,务必要启用【约束】选项,这样只需要设置【绽放宽度】和【缩放高度】中的任意一项,另一选项将会随之改变。

拖入到舞台拖入设置(3一个与舞台大小相同的矩形,并在【属性】面板中设置其x 和y 坐标均为0图层,在弹出的菜单中执行【遮罩层】命令,将其转换为遮罩层。

(4)新建“视频”图层,执行【文件】|【导入】|【导入视频】命令,打开【导入视频】对话框。

然后在该对话框中,单击【文件路径】右侧的【浏览】按钮,在弹出的对话框中选择“move.flv ”视频文件。

(5侧的【拾色器】按钮,在弹出的【颜色】面板中选择黄绿色(#CECB5E)按钮。

拖入 设置拖入 设置 提示:由于只更改“底纹”图形元件的宽度,因此在【变形】面板中设置【缩放宽度】选项之前,需要禁用【约束】选项。

新建绘制矩形右击 执行单击选择提示:创建遮罩层后,遮罩图层和被遮罩图层将会被锁定。

(6)在【完成导入视频】设置中,成】按钮,即可导入外部FLV 置其【宽度】为260;【高度】为210,并将其移动至“播放器外观”图形元件的上面。

文件路径单击 选择选择单击 选择设置视频信息。

Flash-AS2制作网络MP3音乐播放器

Flash-AS2制作网络MP3音乐播放器

Flash AS2XXX网络MP3音乐播放器在这个播放器中,我内置了几首歌曲的连接,点击节目单会看到它们.同时提供了一个音乐XXX的文本框,你可以输入任何歌曲的XXX进行播放.在播放时,会有一个播放进度条,同其它的媒体播放器一样,你可以点击进度条来移动歌曲的播放点,达到快进和快退的目的.而播放控制按钮功能也同其它媒体播放器一样.播放器中设置了音量调节滑块和声道调节滑块.而闪动的光栅的高度则随音量的高低的变化而变化.现在来XXX这个播放器的.1.首先来做一些准备工作.播放器的外观并非本教程的内容,但一些部件是必须的.先作5个按钮:播放,暂停,停止,快进,快退,如下图:它们的实例名称分别是:ply_btn,zd_btn,stop_btn,kj_btn,kt_btn2.下面来XXX进度条,新建一影片剪辑,画一细长矩形,新插入一层,再画一个相同长度不同颜色的矩形,并将它转换为影片剪辑元件,实例名称为:jdt_mc.回到主场景,将进度条影片剪辑放到舞台上,取实例名称为:jdk_mc.如图:3.声道控制面板,新建一影片剪辑,按下图画出声道控制面板:画一个小的矩形放到面板的中间刻度上,将小矩形转换为影片剪辑,或者就叫滑块吧.为它取实例名称:sdhk_mc.回到主场景,将声道控制影片剪辑拖到舞台上,为它取实例名称:sd_mc4.音量控制面板,新建影片剪辑,按下图画出音量控制面板:将滑块元件(在上一步中创建的)拖到舞台上,放到音量最大处(右边),为它取实例名称:ylhk_mc回到主场景,将音量控制影片剪辑拖到舞台上,为它取实例名称为:yl_mc5.节目单按钮,做下面一样的影片剪辑,放在舞台上,取实例名称为:jmdbtn_mc6.节目单,新建影片剪辑,画一矩形,在矩形上放一个文本框,输入歌曲名称,演唱者:同样的方法创建其它的歌曲名称影片剪辑.新建一影片剪辑,将这些歌曲名称影片剪辑,从库中拖入排好:分别给这些歌名影片剪辑取实例名称:song1_mc,song2_mc……..song5_mc.新建一图层,画一矩形盖住所有歌名,然后将这一层拖到最下面.这个矩形的颜色应与歌曲名称影片中的矩形颜色相同.回到主场景,将节目单影片剪辑拖到舞台上,放到节目单按钮下面,取实例名称为:song_mc7.光栅,新建影片剪辑,画如下图形:放在舞台上,然后复制4个,共5个,分别取实例名称为:gb1,gb2,gb3,gb4,gb58.XXX栏,在舞台上建一个动态文本框,取实例名称为:RUL_txt9.再放两个动态文本,用来用数字显示进度.两个文本框的实例名称分别为:dqcd_txt,zcd_txt10.好了,所有的东西都准备齐了,至于你想怎样将它们摆放得漂亮一些,那是你的事情了,本文不涉及到这些内容.我们要写代码了.[next]我们首先要获得歌曲的XXX,将XXX放到XXX文本框中,当然,最简单的办法是,直接在XXX框中输入XXX.但我们内置了几首歌,这就要为这些歌名元件添加点击事件,当点击时,将歌曲XXX放到XXX框中.在刚打开播放器时,我们让节目单不可见,点击节目单按钮后,才让节目单显示出来:song_mc._yscale = 0;这样节目单的高度为0,就不可见了.jmdbtn_mc.onRelease = function(){if(song_mc._yscale > 0){song_mc._yscale = 0;}else {song_mc._yscale=100;}}点击节目单按钮,如果节目单是打开的则关闭节目单,如果是关闭的则打开节目单.节目单打开后,就可以点击歌曲名称将XXX放到XXX框中了:song_mc.song1_mc.onRelease = function(){RUL_txt.text ="bbb:///%E5%9B%BD%E5%AE%B6160.mp3";song_mc._yscale=0;}song_mc.song2_mc.onRelease = function(){RUL_txt.text ="bbb://lfg.ourivyaaa/sjweb/enjoyment/music/tiany.mp3";song_mc._yscale=0;}song_mc.song3_mc.onRelease = function(){RUL_txt.text="bbb://xuegong.zhbitaaa/jx/edit/uploadfile/2008223213733227.mp3";song_mc._yscale=0;}song_mc.song4_mc.onRelease = function(){RUL_txt.text ="bbb://bbb/music/%E7%94%BB%E5%BF%83.mp3";song_mc._yscale=0;}song_mc.song5_mc.onRelease = function(){RUL_txt.text ="bbb://1968.wzegaaa/UploadFiles/2008-6/436743781.mp3";song_mc._yscale=0;}song_mc.song6_mc.onRelease = function(){RUL_txt.text ="bbb://211.155.30.36:8089/music/Audio/6.mp3";song_mc._yscale=0;}XXX栏中有了歌曲的XXX,那么就可以点击播放按钮播放歌曲了.首先要创建一个Sound类,用来加载mp3:var wmp3:Sound = new Sound();在播放前,应该将进度条设在0处:jdk_mc.jdt_mc._xscale = 0;将光栅的高度设为零,因为设光栅高度为零的动作要多次执行,所以将它做成一个函数,然后调用它:function gbhl(){for(i=1;i<6;i++){gb_mc = eval("gb"+i); gb_mc._yscale = 0;}}gbhl();我们还需要一些变量后面有用:var zcd;//歌曲的总长度var dqcd;//当前已播放的长度,用于暂停按钮和进度条var ztd =0;//暂停点,用于暂停按钮var jd;//进度条的位置var rul:String;//歌曲的XXXvar sdz;//声道的值var ylz;//音量的值这些变量现在不用管它,在后面用到它们时会给予说明的.接下来就该写播放按钮上的代码了,有了播放按钮,就可以兴赏音乐了.在播放时,首先应该判断当前是从头开始播放还是处于暂停状态,如果是暂停,那么我们上面声明的变量ztd就不会是0,根据这个变量是否为零就可以确定是从头开始播放还是从ztd开始播放,如果ztd为零,首先从XXX栏获得歌曲XXX,然后判定XXX是否为空,如果不为空则将进度条归零,然后加载歌曲,并播放歌曲.调用mp3pl()函数,这个函数是在歌曲播放过程中设置一些效果比如进度条,光栅等.如果ztd不为零,则歌曲从暂停点处播放,并调用mp3pl()函数.ply_btn.onRelease = function(){if(ztd ==0){rul = RUL_txt.text;if(rul){jdk_mc.jdt_mc._xscale = 0;wmp3.loadSound(rul,true);wmp3.start();mp3pl(wmp3);}}else {wmp3.start(ztd);mp3pl(wmp3);}}现在来看看mp3pl()函数,在这个函数中会用到Sound类的两个属性和一个方法,先介绍一下.duration属性:该属性返回声音的总长度,以毫秒计算.position属性:上一节已经介绍过,它返回声音已播放的长度,以毫秒计算.getVolume()方法:返回声音单量的大小,数字为0-100.在这个函数中,在onEnterFrame事件中,首先获取歌曲的总长度和当前已播放的长度,将这两个数字显示在文本框中,计算出播放进度,设置进度条的 _xscale比例,显示播放进度,然后根据音量设置光栅的高度,首先将_yscale设为音量的一半,然后将另一半设为random()产生随机数,这样就产生闪动的效果.function mp3pl(mp3){onEnterFrame = function(){zcd = mp3.duration/1000;dqcd = mp3.position/1000;zcd_txt.text = Math.floor(zcd); dqcd_txt.text = Math.floor(dqcd); jd = dqcd/zcd*100;jdk_mc.jdt_mc._xscale = jd;if(dqcd!=zcd){for(i=1;i<6;i++){gb_mc = eval("gb"+i);gb_mc._yscale =mp3.getVolume()/2+ random(mp3.getVolume()/2);}}}}现在应该基本成形了,剩下的就是几个按加上功能了.当点击进度条时根据鼠标在进度条上的位置,确定歌曲重新从那一点上开始播放,达到快进或快退的功能.jdk_mc.onRelease= function(){var djd = _xmouse - jdk_mc._x;var kjd = djd/jdk_mc._width*zcd;wmp3.stop();wmp3.start(kjd);}暂停按钮:记录当前已播放的长度,并存到ztd中,停止播放歌曲,这样当点击播放按钮时,因ztd不等于0,而使歌曲从ztd开始播放.zd_btn.onRelease =function(){ztd = dqcd;wmp3.stop();delete onEnterFrame;gbhl();}停止按钮:将ztd设为0,停止播放歌曲.stop_btn.onRelease=function(){wmp3.stop();ztd = 0;delete onEnterFrame;gbhl();}快进快退按钮,在当前已播放长度的基础上加上或减去5秒,重新播放歌曲kj_btn.onRelease=function(){wmp3.stop();kjd = dqcd + 5;wmp3.start(kjd);}kt_btn.onRelease=function(){wmp3.stop();ktd = dqcd - 5;wmp3.start(ktd);}下面的声道控制,在Sound类,的setPan()方法可以设置声音的声道,值为0-100,0声音将完全由左声道播出,而100则完全由右声道播出. 当移动声道控制上滑块,放开时根据滑块的位置设置声道的值.sd_mc.sdhk_mc.onPress = function(){startDrag(this,true,0,0,sd_mc._width-this._width/2,0);}sd_mc.sdhk_mc.onRelease = function(){stopDrag();sdz = (this._x)/sd_mc._width*100;wmp3.setPan(sdz);}音量控制,在Sound类中可以使用setVolume()方法设置声音的音量,值为0-100,当移动音量控制上滑块,放开时根据滑块的位置设置音量的值.yl_mc.ylhk_mc.onPress = function(){startDrag(this,true,0,0,yl_mc._width-this._width/2,0);}yl_mc.ylhk_mc.onRelease = function(){stopDrag();ylz = (this._x)/yl_mc._width*100;wmp3.setVolume(ylz);}OK,现在真正的完全完成了,静下心来欣赏音乐吧.完整的代码:song_mc._yscale = 0;var wmp3:Sound = new Sound();var zcd;var dqcd;var ztd =0;var jd;var rul:String;var sdz;var ylz;jdk_mc.jdt_mc._xscale = 0;gbhl();ply_btn.onRelease = function(){if(ztd ==0){rul = RUL_txt.text;if(rul){jdk_mc.jdt_mc._xscale = 0;wmp3.loadSound(rul,true);wmp3.start();mp3pl(wmp3);}mp3pl(wmp3);}}jdk_mc.onRelease= function(){var djd = _xmouse - jdk_mc._x;var kjd = djd/jdk_mc._width*zcd;wmp3.stop();wmp3.start(kjd);}function mp3pl(mp3){onEnterFrame = function(){zcd = mp3.duration/1000;dqcd = mp3.position/1000;zcd_txt.text = Math.floor(zcd);dqcd_txt.text = Math.floor(dqcd);jd = dqcd/zcd*100;jdk_mc.jdt_mc._xscale = jd;if(dqcd!=zcd){for(i=1;i<6;i++){gb_mc = eval("gb"+i);gb_mc._yscale =mp3.getVolume()/2+ random(mp3.getVolume()/2);}}}}jmdbtn_mc.onRelease = function(){if(song_mc._yscale > 0){song_mc._yscale = 0;}else {song_mc._yscale=100;}}song_mc.song1_mc.onRelease = function(){RUL_txt.text ="bbb:///%E5%9B%BD%E5%AE%B6160.mp3";song_mc._yscale=0;RUL_txt.text ="bbb://lfg.ourivyaaa/sjweb/enjoyment/music/tiany.mp3";song_mc._yscale=0;}song_mc.song3_mc.onRelease = function(){RUL_txt.text ="bbb://xuegong.zhbitaaa/jx/edit/uploadfile/2008223213733227.mp3";song_mc._yscale=0;}song_mc.song4_mc.onRelease = function(){RUL_txt.text ="bbb://bbb/music/%E7%94%BB%E5%BF%83.mp3";song_mc._yscale=0;}song_mc.song5_mc.onRelease = function(){RUL_txt.text ="bbb://1968.wzegaaa/UploadFiles/2008-6/436743781.mp3";song_mc._yscale=0;}song_mc.song6_mc.onRelease = function(){RUL_txt.text ="bbb://211.155.30.36:8089/music/Audio/6.mp3";song_mc._yscale=0;}function gbhl(){for(i=1;i<6;i++){gb_mc = eval("gb"+i);gb_mc._yscale = 0;}}stop_btn.onRelease=function(){wmp3.stop();ztd = 0;delete onEnterFrame;gbhl();}zd_btn.onRelease =function(){ztd = dqcd;wmp3.stop();delete onEnterFrame;gbhl();wmp3.stop();kjd = dqcd + 5;wmp3.start(kjd);}kt_btn.onRelease=function(){wmp3.stop();ktd = dqcd - 5;wmp3.start(ktd);}sd_mc.sdhk_mc.onPress = function(){startDrag(this,true,0,0,sd_mc._width-this._width/2,0);}sd_mc.sdhk_mc.onRelease = function(){stopDrag();sdz = (this._x)/sd_mc._width*100;wmp3.setPan(sdz);}yl_mc.ylhk_mc.onPress = function(){startDrag(this,true,0,0,yl_mc._width-this._width/2,0);}yl_mc.ylhk_mc.onRelease = function(){stopDrag();ylz = (this._x)/yl_mc._width*100;wmp3.setVolume(ylz);}(注:可编辑下载,若有不当之处,请指正,谢谢!)。

制作mp3播放器AS3.0代码

制作mp3播放器AS3.0代码

import .URLRequest;import flash.media.Sound;import flash.media.SoundChannel;import flash.utils.ByteArray;import flash.display.Graphics;import flash.geom.Rectangle;import flash.media.SoundTransform;//声明var dz:URLRequest=new URLRequest();var sywj:Sound=new Sound();var gqsz:Array=new Array();var gmsz:Array=new Array();var sysz:Number;var sykz:SoundChannel=new SoundChannel();var ztwz:Number;var jzjd;//初始化gqsz[0] = "何晟铭- 佛说.mp3";gqsz[1] = "庞龙- 幸福的两口子.mp3";gqsz[2] = "凤凰传奇- 等爱的玫瑰.mp3";gqsz[3] = "凤凰传奇- 全是爱.mp3";gqsz[4] = "凤凰传奇- 奢香夫人.mp3";gqsz[5] = "凤凰传奇- 我从草原来.mp3";gqsz[6] = "姑娘我爱你.mp3";gqsz[7] = "韩宝仪- 无言的结局.mp3";gqsz[8] = "何炅- 栀子花开.mp3";gmsz = ["何晟铭- 佛说","庞龙- 幸福的两口子","凤凰传奇- 等爱的玫瑰","凤凰传奇- 全是爱","凤凰传奇- 奢香夫人","凤凰传奇- 我从草原来","姑娘我爱你","韩宝仪- 无言的结局","何炅- 栀子花开"];sysz = 0;syplay();function syplay(){dz.url = gqsz[sysz];sywj=new Sound();sywj.load(dz);gm_txt.text = gmsz[sysz];sywj.addEventListener(Event.OPEN,ksjz);sywj.addEventListener(ProgressEvent.PROGRESS,jzsj);sywj.addEventListener(PLETE,jzwc);sywj.addEventListener(IOErrorEvent.IO_ERROR,jzcw);}//加载控制function ksjz(event){sykz.stop();sykz = sywj.play();}function jzsj(event){var jzjd = Math.round(sywj.bytesLoaded / sywj.bytesTotal * 100);if (jzjd){jd_txt.text = "加载" + jzjd + "%";}else{jd_txt.text = "加载" + 0 + "%";}}function jzwc(event){/*trace("已加载完成");*/}function jzcw(event){sykz.stop();sysz = (sysz < gqsz.length - 1) ? sysz + 1:0;syplay();}//以下为控制bf_btn.enabled = false;/*bf_btn.addEventListener(MouseEvent.CLICK,bfhs);*/zt_btn.addEventListener(MouseEvent.CLICK,zths);tz_btn.addEventListener(MouseEvent.CLICK,tzhs);function bfhs(event){sykz.stop();bf_btn.removeEventListener(MouseEvent.CLICK,bfhs);bf_btn.enabled = false;sykz = sywj.play(ztwz);}function zths(event){bf_btn.addEventListener(MouseEvent.CLICK,bfhs);bf_btn.enabled = true;ztwz = sykz.position;sykz.stop();}function tzhs(event){bf_btn.addEventListener(MouseEvent.CLICK,bfhs);bf_btn.enabled = true;ztwz = 0;sykz.stop();}//多首歌曲控制sys_btn.addEventListener(MouseEvent.CLICK,syshs); xys_btn.addEventListener(MouseEvent.CLICK,xyshs); function syshs(event){sykz.stop();sysz = (sysz > 0) ? sysz - 1:gqsz.length - 1;syplay();}function xyshs(event){sykz.stop();sysz = (sysz < gqsz.length - 1) ? sysz + 1:0;syplay();}//可视化图谱var z1X = dw_mc.x;var z1Y = dw_mc.y;var z2X = dw_mc.x + dw_mc.width;var z2Y = dw_mc.y;var yhsj:ByteArray=new ByteArray();dw_mc.alpha = 0;addEventListener(Event.ENTER_FRAME,cfzx);function cfzx(event){puteSpectrum(yhsj,false,0);var tpxz:Graphics = this.graphics;tpxz.clear();tpxz.beginFill(0xD90942);tpxz.lineStyle(0,0xD90942);tpxz.moveTo(z1X,z1Y);for (var i=z1X; i<z2X; i++){var bl1 = Math.abs(int(yhsj.readFloat() * 100));tpxz.lineTo(i,z2Y-bl1);}tpxz.lineTo(z2X,z2Y);tpxz.endFill();//右边tpxz.beginFill(0x110CEC);tpxz.lineStyle(0,0x110CEC);tpxz.moveTo(z2X,z2Y);for (var j=z2X; j>z1X; j--){var bl2 = Math.abs(int(yhsj.readFloat() * 100));tpxz.lineTo(j,z1Y-bl2);tpxz.lineTo(z1X,z1Y);}//播放控制条var zcd;var bfb;var zuo = hd_mc.x;var you = hd_mc.width - hk_mc.width;var shang = hk_mc.y;var xia = 0;hk_mc.buttonMode = true;hd_mc.buttonMode = true;var fw:Rectangle = new Rectangle(zuo,shang,you,xia); addEventListener(Event.ENTER_FRAME,hkcfzx);hk_mc.addEventListener(MouseEvent.MOUSE_DOWN,axhs); hk_mc.addEventListener(MouseEvent.MOUSE_UP,skhs);hd_mc.addEventListener(MouseEvent.MOUSE_DOWN,hdax); hd_mc.addEventListener(MouseEvent.MOUSE_UP,hdsk); function hkcfzx(event){zcd=sywj.length/(sywj.bytesLoaded/sywj.bytesTotal);bfb = sykz.position / zcd;if (bfb){hk_mc.x=bfb*(hd_mc.width-hk_mc.width)+hd_mc.x;}else{hk_mc.x = hd_mc.x;}//这地方是循环播放if (Math.round(sykz.position / zcd * 100) == 100){sykz.stop();sysz = (sysz < gqsz.length - 1) ? sysz + 1:0;syplay();}//这地方是循环播放}function axhs(event){sykz.stop();hk_mc.startDrag(false,fw);/*if (jzjd==100){stage.addEventListener(MouseEvent.MOUSE_UP,wths);removeEventListener(Event.ENTER_FRAME,hkcfzx);}*/}function skhs(event){stage.removeEventListener(MouseEvent.MOUSE_UP,wths);ztwz=zcd*((hk_mc.x-hd_mc.x)/(hd_mc.width-hk_mc.width));sykz = sywj.play(ztwz);addEventListener(Event.ENTER_FRAME,hkcfzx);hk_mc.stopDrag();}function wths(event){stage.removeEventListener(MouseEvent.MOUSE_UP,wths);sykz.stop();ztwz=zcd*((hk_mc.x-hd_mc.x)/(hd_mc.width-hk_mc.width));sykz = sywj.play(ztwz);addEventListener(Event.ENTER_FRAME,hkcfzx);hk_mc.stopDrag();}function hdax(event){stage.addEventListener(MouseEvent.MOUSE_UP,wths);sykz.stop();removeEventListener(Event.ENTER_FRAME,hkcfzx);}function hdsk(event){/*if (jzjd==100){*/stage.removeEventListener(MouseEvent.MOUSE_UP,wths);ztwz=zcd*((mouseX-hd_mc.x)/(hd_mc.width-hk_mc.width+hd_mc.x));addEventListener(Event.ENTER_FRAME,hkcfzx);/*}*/sykz = sywj.play(ztwz);}//声音控制var szuo = syhk_mc.x;var sshang = syhd_mc.y;var syou = 0;var sxia = syhd_mc.height - syhk_mc.height;var syfw:Rectangle = new Rectangle(szuo,sshang,syou,sxia);var ylkz:SoundTransform=new SoundTransform();syhk_mc.buttonMode = true;syhk_mc.addEventListener(MouseEvent.MOUSE_DOWN,syhk);syhk_mc.addEventListener(MouseEvent.MOUSE_UP,sysk);function syhk(event){syhk_mc.addEventListener(Event.ENTER_FRAME,sycfzx);stage.addEventListener(MouseEvent.MOUSE_UP,sywsf);syhk_mc.startDrag(false,syfw);}function sysk(event){syhk_mc.removeEventListener(Event.ENTER_FRAME,sycfzx);stage.removeEventListener(MouseEvent.MOUSE_UP,sywsf);syhk_mc.stopDrag();}function sywsf(event){syhk_mc.removeEventListener(Event.ENTER_FRAME,sycfzx);stage.removeEventListener(MouseEvent.MOUSE_UP,sywsf);syhk_mc.stopDrag();}function sycfzx(event){var yl1=(100-(syhk_mc.y-syhd_mc.y)/(syhd_mc.height-syhk_mc.height)*100)/100;ylkz.volume = yl1;sykz.soundTransform = ylkz;}。

教你制作一个自己的播放器

教你制作一个自己的播放器
进入编辑状态:
3.制作:
(1)制作背景;
“背景”栏的后面是添加网址的。可以随时更换。一般用图片或FLASAH作品。注意修改后面的大小。同样修改特效,可以不要(删除网址)。标题别忘记修名称,再点下面的“删除”。添加你需要的歌曲和音乐,注意用MP3和FLV格式的。
注册成功后再点下面的这样就进入了你自己的管理中心
教你制作一个自己的播放器
教你制作一个自己的播放器
点击下面我制作的六款播放器:如果你喜欢,请按照下面步骤操作:
1.首先要在下面的网站注册(点网址):
出现:
点注册:
依次把上面填好,点“点击注册”。注册成功后,再点下面的这样就进入了你自己的管理中心。
2.点你自己的管理中心
不要忘记点上面的“保存”。
4.发表:
点看效果。点旁左边的 再点就可以复制代码成功。
在写日志里,在代码状态下粘贴并发表。OK!

Flash简单AS代码实现绚丽曲线视觉特效-电脑资料

Flash简单AS代码实现绚丽曲线视觉特效-电脑资料

Flash简单AS代码实现绚丽曲线视觉特效-电脑资料
Flash教程:用AS打造漂亮线条效果,先看效果
Flash教程:用AS打造漂亮线条效果
效果演示1(附.swf文件)
效果演示2(附.swf文件)
步骤:
1,新建元件1,,
电脑资料
《Flash简单AS代码实现绚丽曲线视觉特效》(https://www.)。

画一线条。

间隔20,40贞各插入1个关键贞,在第20贞进行扭曲变形[在没有被选的状态下,用黑色箭头工具,形状任意],各点选第一贞和第20贞创建“形状动画”
2,回到场景,拖入元件1,实例名称“XZ”,选第一贞,打开动作,输入代码:
以下为引用的内容:
i = 1;
xz = "xz";
while (i<150) {
duplicateMovieClip(xz, xz+i, i);
setProperty(xz+i, _rotation, i*4);
i++;
}
其实就是复制效果!。

Flash AS教程:AS 2.0制作加载外部.swf影片的视频播放器

Flash AS教程:AS 2.0制作加载外部.swf影片的视频播放器刚学AS,这是我第一次自己学着写AS代码做的,做法很土也很幼稚,可是效果还行。

(自我感觉良好哈)我把做的过程写出来,给正想学习AS的朋友做个参考,做成了也会对AS 更有兴趣哈。

(一)画播放器:1.新建一图形元件,名播放器,在第一层上画个播放器的外形图。

宽480,高400,全居中对齐。

如下图:2.在上面新建一层,在播放器的下部加个填充渐变色条,如下图:3.上面再新建一层,在适当的位置画几个反光条,如下图:4.打开场景1,从库中把“播放器”拖入场景第1层,第1帧,全居中对齐,如下图:当然也可以按自己的喜好,另外画个播放器的样式。

不过一定要按照550*400尺寸规格的缩小比例留出屏幕的位置,我这里是计算好了的。

(二)做按钮:因为要点击开关才让加载,所以要先做按钮。

1.新建按钮元件,名“play1”,按自己的喜欢做个按钮。

我做的是这样的:(这是放大4 00%后的效果)2.在库中右键点“play1”——直接复制——改名为“play2”。

在舞台上打开后,把序号1改成2就可以了。

3.按自己的要求,要做多少个按钮就直接复制几个吧,别忘了改名称和序号哦。

4.打开场景1,在“播放器”层上面添加一图层,名“按钮”。

点下第1帧,把所有的按钮拖到合适的位置,这时排列不太整齐是吧,不要紧,点一下按钮层的第1帧,打开对齐面板,把“相对于舞台”去掉,选择上对齐或底对齐,再选择水平平均间隔就好了。

如下图:5.现在给按钮写上代码:右键点一下场景中的按钮play1——动作——在动作面板上写上以下代码:on (release) { //当释放按钮时gotoAndStop(2); //转到并播放第2帧}6.右键点一下场景中的按钮play2——动作——在动作面板上写上以下代码:on (release) { //当释放按钮时gotoAndStop(3); //转到并播放第3帧}7.同样的把每个按钮都写上代码,依此类推,到第8个按钮时应该写的是:on (release) { //当释放按钮时gotoAndStop(8); //转到并播放第8帧}上面代码中双斜杠及后面的字是注释,不一定要写上去的。

as的用法整理

as的用法整理一、引言AS(ActionScript)是一种基于Adobe Flash的脚本语言,用于开发互动式的富媒体应用程序和游戏。

它具有强大的功能和灵活性,因此在网页设计和开发领域中广泛应用。

本文将整理AS的用法,以帮助初学者更好地掌握这一技术。

二、基础知识1. AS是面向对象的语言:AS支持面向对象编程范例,拥有类、继承、多态等特性,这使得代码可以模块化,并且容易维护和扩展。

2. AS与Flash之间的关系:AS作为Flash平台上的脚本语言,可以直接与Flash文件进行交互。

通过AS,开发人员可以创建动态和交互性更强的Flash内容。

3. AS与HTML/CSS的关联:尽管AS主要用于制作交互式Flash应用程序,但它也可以嵌入到HTML文件中实现与网页元素(如按钮、表单等)的交互。

三、常见用法1. 动画效果:使用AS可以创建各种动画效果,例如渐变过渡、缓动效果等。

通过控制时间轴上对象属性的变化以及设置适当的事件处理函数,你可以实现令人惊叹的动画效果。

2. 事件处理:AS允许你为Flash对象绑定各种事件,并在事件触发时执行相应的代码。

例如,你可以通过在按钮上添加鼠标点击事件,实现用户点击按钮后执行特定操作的功能。

3. 数据验证和表单处理:对于具有表单或用户输入的应用程序,AS提供了丰富的验证和处理工具。

你可以使用正则表达式、条件语句等方式来验证用户输入数据的有效性,并根据不同情况采取相应措施。

4. 多媒体处理:AS支持多种多媒体文件格式(如图片、音频、视频),可以灵活地加载和播放这些文件。

你可以使用AS创建自定义音频播放器、视频播放器等功能。

5. 网络通信:与服务器进行数据通信是许多网络应用程序的关键功能。

AS提供了一系列客户端网络协议,如HTTP、SOCKS等,使得开发者能够构建与服务器的数据交互功能。

四、进阶技巧1. 优化代码性能:编写高效率和低内存消耗的代码是开发者需要追求的目标之一。

毕业设计论文《ActionScript视频播放器》计算机专业计算机应用技术

毕业设计(论文)I 摘要在多媒体技术高速发展的今天,多媒体播放器出现了多种缺点和毛病,主要表现在内存大量占用和操作复杂繁琐方面。

本文针对当今流行视频播放器的优缺点进行了研究,然后在此基础上进行综合和总结,开发出了一个功能丰富和操作简易的视频播放器,该播放器具有低内存占用和绿色无广告的特点,因此具有广阔的市场前景。

本视频播放器是基于脚本语言ActionScript3.0,利用Adobe Adobe Flash Flash Flash CS4CS4设计开发完成。

Flash Flash CS4CS4是一种功能非常强大的工具,可以将视频添加到基于Web 的应用程序中。

Flash 的FL V 和F4V 视频格式具备技术和创意优势,允许将视频、数据、图形、声音和交互式控制融为一体。

结合ActionScript 3.0 的脚本绘图技术以及数组技术,的脚本绘图技术以及数组技术,可以方便地制作出媲美专业水平的视频播可以方便地制作出媲美专业水平的视频播放器。

本次设计就将利用Flash Flash CS4CS4制作一个可以进行列表选择、音量控制、进度控制的视频播放器。

本次设计主要利用Actionscript3.0作为后台逻辑处理和功能实现,文中对视频播放器做了详细的需求分析,并详细介绍了视频播放器的总体设计,包括视频播放器的架构设计、功能模块的划分、视频播放列表文件的设计、常用工具的设计、本地数据存储设计等,然后具体介绍了以上各个部分和功能的具体实现原理和过程,最后再对该视频播放器进行测试,没有重大的异常和错误,证明其设计方案的可行性和正确性。

关键词:ActionScript3.0 脚本绘图数组技术低内存占用毕业设计(论文)AbstractWith the rapid improving of the times and the rapid development of network technology, multimedia technology keeps pace with the times. As sustained rapid development in multimedia technology, a variety of shortcomings and faults are emerged in multimedia player, mainly in the occupation of memory and the complication of the operation. This article analyze the advantages and disadvantages of the current popular multimedia player then developed a video player with low memory footprint and without advertisements based on this, so it will get a broad market prospects. prospects. The The The video video video on on on demand demand demand system system system is is is based based based on on on the the the scripting scripting scripting language language language ActionScript ActionScript ActionScript 3.0, 3.0, design and development with Adobe Flash CS4 completed. Flash CS4 is a very powerful tool, you you can can can add add add video video video to to to a a a Web-based Web-based Web-based application. application. application. Flash Flash Flash to to to FL V FL V and and and F4V F4V F4V video video video formats formats formats with with technical technical and and and creative creative creative advantages, advantages, advantages, allows allows allows video, video, video, data, data, data, graphics, graphics, graphics, sound, sound, sound, and and and interactive interactive interactive control control integration. Combined Combined with with with ActionScript ActionScript ActionScript 3.0 3.0 3.0 scripting scripting scripting graphics graphics graphics technology technology technology and and and an an an array array array of of technology, you can easily produce professional level comparable video player. The design will use use Adobe Adobe Adobe Flash Flash Flash CS4 CS4 CS4 can can can produce produce produce a a a list list list of of of selection, selection, selection, volume volume volume control, control, control, schedule schedule schedule control control control of of of the the video player. Actionscript3.0 is main used to handle the logic and to realize the function, then a detailed requirement analysis is make and introduces the general design of the video player. Include the architecture design, the functional modules divided, the design of video play list file, the design of tools, the local data storage design and so on, and then introduced the specific implementation principle and process of the above every part and function. In this paper, the design of the music on-demand system is tested by the black box and white box, no major anomalies and errors, to prove the feasibility and correctness of its design. Key word :ActionScript3.0 Script Graphics Array Technology Low Memory-occupation 毕业设计(论文)目 录第1章 绪论绪论 ................................................................. ................................................................ 1 11.1 1.1 课题来源及开发背景课题来源及开发背景课题来源及开发背景 .................................................. .................................................. 1 11.2 1.2 研究目的及意义研究目的及意义研究目的及意义 ...................................................... ...................................................... 1 1 1.3 1.3 开发工具及运行环境开发工具及运行环境开发工具及运行环境 .................................................. .................................................. 1 11.3.1 Flash .......................................................... ......................................................... 1 11.3.2 1.3.2 开发语言开发语言开发语言 ....................................................... ...................................................... 2 21.3.3 1.3.3 运行环境运行环境运行环境 ....................................................... ...................................................... 3 3第2章 需求分析需求分析 ............................................................. ............................................................ 4 42.1 2.1 本视频播放器的研究内容和关键技术本视频播放器的研究内容和关键技术本视频播放器的研究内容和关键技术 .................................... .................................... 4 4 2.1.1 2.1.1 视频格式视频格式视频格式 ....................................................... ...................................................... 4 42.2 2.2 故障分析故障分析故障分析 ............................................................ ............................................................ 5 52.2.1 2.2.1 系统利用率系统利用率系统利用率 ..................................................... .................................................... 5 52.2.2 2.2.2 可靠性可靠性可靠性 ......................................................... ........................................................ 5 52.3 2.3 播放器的初步开发实施方案播放器的初步开发实施方案播放器的初步开发实施方案 ............................................ ............................................ 5 5 2.4 2.4 功能划分功能划分功能划分 ............................................................ ............................................................ 5 52.5 2.5 用例表用例表用例表 .............................................................. .............................................................. 6 6第3章 概要设计概要设计 ............................................................. ............................................................ 8 83.1 3.1 总题设计总题设计总题设计 ............................................................ ............................................................ 8 83.2 3.2 外观设计外观设计外观设计 ............................................................ ............................................................ 9 93.3 3.3 总体功能设计总体功能设计总体功能设计 ........................................................ ........................................................ 9 9 3.4 3.4 主要功能介绍主要功能介绍主要功能介绍 ....................................................... ....................................................... 10 10第4章 数据库设计数据库设计 .......................................................... ......................................................... 11 114.1 4.1 播放列表(播放列表(播放列表(XML XML 文件)结构文件)结构 ............................................ ........................................... 11 114.2 XML 书写格式书写格式 ........................................................ ....................................................... 12 124.3 4.3 播放器数据存储的数据结构设计播放器数据存储的数据结构设计播放器数据存储的数据结构设计 ....................................... ....................................... 12 12第5章 详细设计详细设计 ............................................................ ........................................................... 14 145.1 5.1 播放器外观设计播放器外观设计播放器外观设计 ..................................................... ..................................................... 14 145.2 5.2 视频播放器主要模块视频播放器主要模块视频播放器主要模块 ................................................. ................................................. 15 155.2.1 5.2.1 舞台设计舞台设计舞台设计 ...................................................... ..................................................... 15 155.2.2 5.2.2 按钮制作按钮制作按钮制作 ...................................................... ..................................................... 16 165.2.3 5.2.3 主界面主要源代码主界面主要源代码主界面主要源代码 ............................................. ............................................. 17 17 5.3 5.3 系统测试系统测试系统测试 ........................................................... ........................................................... 23 23总结与展望总结与展望 ................................................................. ................................................................ 24 24致 谢 ...................................................................... ..................................................................... 25 25参考文献参考文献 ................................................................... (2626)毕业设计(论文)第1章 绪论1.1 课题来源及开发背景随着教育信息化的发展,Flash 的使用越来越受重视。

as3教材:as3.0按钮,加载,播放声音,XML等

#
#
#
最后,我们来创建第三个sprite容器,它包含一个圆形,我们把它添加到sprite1容器内,并给它一个黑色填充,代码如下:
#
var sprite3:Sprite=new Sprite()
#
sprite3.graphics.lineStyle(2,0x000000)
#
sprite3.graphics.beginFill(0x333333)
#
{
#
trace(你点击了Simple Button!)
#
}
绘制文本和超链接文本.txt
2.1.4绘制文本和超链接文本
//在舞台上生成一个文本
*
var myText:TextField=new TextField()
*
myText.text="Click it Out"
*
addChild(myText)
*
var myWebLink:TextField=new TextField()
*
myWebLink.width=300
*
myWebLink.styleSheet=myStyleSheet
*
myWebLink.htmlText="点击后面链接访问我的博客<A HREF=''>Flash脚本学习</A>"
*
addChild(myWebLink)
*
*
另外,我们还可以不用链接到网页窗口,还可以用侦听的方式,例如:
*
myLink.htmlText="Click<A HREF='event:testing'>here</A>"
  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
初识AS3:制作简单视频播放器 以下内容需要回复才能看到
[知识点]
1、构建视频NetConnection和NetStream; 2、音量控制用soundTransform(这个让我耗了一些精力,在AS2中可以setvolume,在AS3就不行了); 3、暂停用pause(),恢复回放暂停的视频流用resume(); 4、接收视频信息用onMetaData(如视频总时间data.duration); 5、侦听视频流的开始和结束用_STATUS,info.code如果为 "NetStream.Play.Stop",则可重播或播放新的视频;
addEventListener(Event.ENTER_FRAME,gx);
function gx(event:Event):void {
if (ns.bytesLoaded>0) { //加载进度
xzbfb=ns.bytesLoaded/ns.bytesTotal*100; jzjd_mc.scaleX=xzbfb/100; }
if (_duration>0 && ns.time>0) { //播放进度
bfbfb=ns.time/_duration*100; bfjd_mc.scaleX=bfbfb/100; }
if (bfxh=="NetStream.Play.Stop") { //播放完毕时的设置 bfbfb=0;
bfjd_mc.scaleX=0; ns.pause(); ns.seek(0);//将播放头置于视频开始处
addEventListener(Event.ENTER_FRAME,gx); }
//接收在正播放的 FLV 文件中嵌入的描述性信息时调度
function onMetaData(data:Object):void {
_duration=data.duration; } //申明变量播放信号 var bfxh:String;
//创建一个 NetConnection 对象
var nc:NetConnection=new NetConnection();
/*如果连接到没有使用服务器的FLV 文件,则通过向 connect() 方法传递值
null,来播放流式 FLV 文件*/ nc.connect(null);
/*创建一个 NetStream 对象(该对象将 NetConnection 对象作为参数)并
play_btn.visible=true; pause_btn.visible=false; } //文本显示内容
bftxt.text=Math.round(ns.time/60)+":"+Math.round(ns.time%60);
zcdtxt.text=Math.round(_duration/60)+":"+Math.round(_duration%60);
指定要加载的 FLV 文件*/ var ns:NetStream=new NetStream(nc);
ns.play("/flash/video/cuepoints.flv");
/*使用 Video 类的 attachNetStream() 方法附加以前创建的 NetStream
play_btn.visible=false;
pause_btn.visible=true;
pause_btn.addEventListener(MouseEvent.CLICK, zt);
play_btn.addEventListener(Event.CLICK, bf); //忽略错误
//申明变量播放与下载百分比以及总时间(秒)的初始值为0 var bfbfb:int=0;
var xzbfb:int=0; var _duration:Number=0; //指定在其上调用回调方法的对象
var _client:Object=new Object();
_client.onMetaData=onMetaData; ns.client=_client; //按钮可见性与添加侦听事件
步骤
第一步:创建播放按钮、暂停按钮,实例名分别为play_btn、pause_btn; 第二步:画两个长矩形,分别转为影片剪辑,实例名分别为jzjd_mc、bfjd_mc,作为加载进度条与 播放进度条; 第三步:在库中右键选择“新建视频”,在弹出的对话框中点选“视频(受ActionScript控制)”,拖到 场景中,实例名为vid; 第四步:在场景中拉两个动态文本,实例名分别为bftxt(显示播放时间)、zcdtxt(显示总时间); 第五步:画一个长矩形,转为影片剪辑,作为音量条,实例名为ylt_mc; 第六步:画一个小圆,转为影片剪辑,作为音量滑块,实例名为ylhk_mc; 第七步:在帧上写如下代码:
function ylhkax(event:MouseEvent):void {
ylhk_mc.startDrag(false,fw); }
function ylhksk(event:MouseEvent):void { ylhk_mc.stopDrag();
}
play_btn.visible=true; pause_btn.visible=false; //视频暂停
ns.pause(); } //播放
function bf(event:MouseEvent):void { play_btn.visible=false;
pause_btn.visible=true; //恢复回放暂停的视频流 ns.resume();
//侦听视频流的开始和末尾
ns.addEventListener(_STATUS, statusHandler);
function statusHandler(event:NetStatusEvent):void {
bfxh=.code;
} //不断更新进度与文本的显示
ns.addEventListener(AsyncErrorEvent.ASYNC_ERROR, asyncErrorHandler);
function asyncErrorHandler(event:AsyncErrorEvent):void { }
//暂停 function zt(event:MouseEvent):void {
ylhk_mc.addEventListener(MouseEvent.MOUSE_DOWN,ylhkax);
ylhk_mc.addEventListener(MouseEvent.MOUSE_UP,ylhksk); stage.addEventListener(MouseEvent.MOUSE_UP,ylhksk);
对象(视频实例名为vid)*/ vid.attachNetStream(ns); //音量初始值
var yl:Number=0.5;
var nsyl:SoundTransform =new SoundTransform();
//nsyl.volume=yl //播放进度与加载进度影片缩放为0 bfjd_mc.scaleX=jzjd_mc.scaleX=0;
//音量控制 yl=(ylhk_mc.x-345)/50; ylt_mc.scaleX=yl;
nsyl.volume =yl; ns.soundTransform =nsyl; } //音量滑块拖动控制
var fw:Rectangle=new Rectangle(345,328,50,0);//拖动范围
相关文档
最新文档