博客园_ASP.NET

每天学一点AS3.0(五)---声音的控制(5)

2010-05-06T12:15:00Z

晕死了，今天又是忙了一天，明天还得挂光驱装系统！哎！一个罪受啊！在抱怨也没有用，这就是命啊！

好了，继续昨天的东西！昨天我们实现了滑块的滑动，但是滑动后并没有播放相应的声音！那么今天我们就来实现以下！

昨天的例子不用改！直接修改代码：

//声明一个判断条件
var pd:Boolean=false;
hk_mc.buttonMode=true;
hk_mc.addEventListener(MouseEvent.MOUSE_DOWN,hkax);
hk_mc.addEventListener(MouseEvent.MOUSE_UP,hklk);
//给舞台添加一个重复的监听，用来时时的监视滑块的位置
stage.addEventListener(Event.ENTER_FRAME,cfzx);
function hkax(e) {
    pd=true;
    hk_mc.startDrag(false,fk);
    soundControl.stop();
}
function hklk(e) {
    pd=false;
    hk_mc.stopDrag();
    soundControl.stop();
    soundControl=sound.play(mp3position);
}
function cfzx(e) {
    zcd=sound.length/(sound.bytesLoaded/sound.bytesTotal);
    bfb=soundControl.position/zcd;
    if (pd) {
        //音乐总长度*（滑块x坐标-滑道x坐标=滑块当前位置）/（滑道长度-滑块长度=滑道实际长度）=当前播放头的位置
        mp3position=zcd*(hk_mc.x-hd_mc.x)/(hd_mc.width-hk_mc.width);
    } else {
        if (zcd) {
            hk_mc.x=bfb*(hd_mc.width-hk_mc.width)+hd_mc.x;
        }
    }
}

此时，我们就实现了相应的功能了！注意：这里的判断条件是十分有用的，在cfzx函数里面，如果不加判断的话，那么一开始我们是得不到soundControl.position的值，所以，就实现不了！请大家仔细的体会以下！当然我们可以使用trace函数用来测试以下！

好了，今天就到此结束！明天实现另外一个功能，就是当我们点击滑道的某一个地方，滑块到哪里，并且播放相应的声音！

本文链接

每天学一点AS3.0(四)---声音的控制(4)

2010-05-05T13:45:00Z

今天忙坏了，又是弄机器又是桌子的！哎，一开始都是难啊！还好，还留了点力气写点东西了！

继续昨天的内容，今天我们要加上一个控制条，可以拖拉来控制我们的音乐的播放位置。其实这个功能非常的简单，就是用到了影片剪辑的的startDrag和stopDrage两个方法，以及我们两个鼠标事件MouseEvent.MOUSE_DOWN---鼠标按下，MouseEvent.MOUSE_UP---鼠标松开。

1，新建一个文档命名为“控制条.fla”。然后创建3个影片剪辑分别命名为“底色，滑道，滑块”，如图：

底色mc

把x,y属性调成：0，0

随便画一个矩形，按照自己喜欢的样式进行调整。

滑道mc

把x,y属性调成：0，0

也是随便画一个矩形，按照自己喜欢的样式进行调整，但是要注意的是要和底色的颜色分开！

滑块mc

把x,y属性调成：0，0

好了，以上就是我们创建的3个影片剪辑

2，返回舞台，创建4个新层分别命名为“控制层”，“滑块”，“滑道”，“底色”，如图：

然后在“底层”上一个“底色”影片剪辑，“进度层”放“滑道”影片剪辑，“滑块层”放滑块影片剪辑，控制层放3个按钮“开始”，“停止”，“暂停”

最后的效果如下：

注意，当把滑块和滑道拖上来之后，使用对齐工具使他们两个左对齐。

3，在代码层写如下代码

//声明
var url:URLRequest=new URLRequest("../ych.mp3");
var soundControl:SoundChannel=new SoundChannel();
var sound:Sound=new Sound();
var mp3position:Number=0;
sound.load(url);
//添加按钮监听
sound.addEventListener(Event.COMPLETE,completeMp3);
play_btn.addEventListener(MouseEvent.CLICK,playMp3);
stop_btn.addEventListener(MouseEvent.CLICK,stopMp3);
pause_btn.addEventListener(MouseEvent.CLICK,pauseMp3);
function completeMp3(e){
    soundControl=sound.play();
}
function playMp3(e){
    soundControl.stop();
    soundControl=sound.play(mp3position);
}
function stopMp3(e){
    soundControl.stop();
}
function pauseMp3(e){
    mp3position=soundControl.position;
    soundControl.stop();
}
//添加滑块监听
hk_mc.addEventListener(MouseEvent.MOUSE_DOWN,hkdown);
hk_mc.addEventListener(MouseEvent.MOUSE_UP,hkup);
function hkdown(e){
    //取得滑道的x坐标
    var rx=hd_mc.x;
    //取得滑块的y坐标
    var ry=hk_mc.y;
    //取得矩形的长
    var rw=hd_mc.width-hk_mc.width;
    //取得矩形的高
    var rh=0;
    //定义个矩形范围用来规定滑块滑动的范围
    var range:Rectangle=new Rectangle(rx,ry,rw,rh);
    //false的作用是锁定到用户首次单击该 Sprite 时所在的点上
    hk_mc.startDrag(false,range);
}
function hkup(e){
    hk_mc.stopDrag();
}

好了，此时我们的功能就已经实现了，但是只能拖动，还不能实现拖动到那里，从哪里播放。明天我们继续此程序。

源程序下载

本文链接

每天学一点AS3.0(三)---声音的控制(3)

2010-05-04T06:02:00Z

今天微软高管澄清ie9支持flash。昨天还真是虚惊一场，想想也是，如果ie不支持flash，那么它肯定会失去浏览器市场的。好了，开始今天的学习，对声音的进一步的控制！播放，暂停，和停止

今天的内容可以在昨天的内容上直接添加，当然也可以新建一个文档，那么这里我们新建一个文档。

1，新建一个文档命名为“控制声音”。然后，添加新的图层，命名为“控制”。如图

2，打开公用库，找到按钮，选择里面的“playback flat”里面的，play,stop,pause按钮，并拖到控制层中相应的位置。

3，在舞台上调整位置如下：

并分别给三个按钮命名：play_btn,stop_btn,pause_btn

4，在代码层写入以下代码

var url:URLRequest=new URLRequest("../ych.mp3");
var sound:Sound=new Sound();
//声明一个数值类型的变量用来存放音乐播放的位置
var mp3position:Number=0;
//声明一个音道对象用来控制声音。
var soundControl:SoundChannel=new SoundChannel();
sound.load(url);
//添加监听
sound.addEventListener(Event.COMPLETE,completeMp3);
function completeMp3(e){
    //当加载完成后，开始播放声音,同时把声音的控制权给soundControl对象
    //sound.play()方法生成一个新的 SoundChannel 对象来回放该声音。此方法返回 SoundChannel 对象，访问该对象可停止声音并监控音量
    soundControl=sound.play();
}
//给按钮添加声音
play_btn.addEventListener(MouseEvent.CLICK,playMp3);
stop_btn.addEventListener(MouseEvent.CLICK,stopMp3);
pause_btn.addEventListener(MouseEvent.CLICK,pasueMp3);
function playMp3(e){
    //首先把声音给关闭掉，否则会出现重音
    soundControl.stop();
    soundControl=sound.play(mp3position);
}
function stopMp3(e){

    soundControl.stop();
}
function pasueMp3(e){
    //首先记录声明播放的位置
    mp3position=soundControl.position;
    //关闭声音
    soundControl.stop();

}

这样我们就实现了对声音的播放，暂停和停止的功能!那么对于其他的操作，将在以后的章节里面慢慢的讲述。

源文件下载

本文链接

每天学一点AS3.0(二)---声音的控制(2)

2010-05-03T05:45:00Z

今天早上看到一条消息，不知道是好还是不好，微软的ie9不在支持flash了，flash又改何去何从。很多人都说要趁早放弃flash，可我相信呢，Flash自己的市场不会消亡的，如果说用html5完全替代flash,我相信也不是那么容易的，退一步说，如果ie9不支持flash，那么同样的微软的Silverlight是不是也不支持了，那么微软这不是自己打自己嘛？因为不论flash还是Silverlight都是ie的ActiveX插件。

好了，不说了！开始今天的学习！

昨天，我们知道如何显示进度了，可是通常情况下，我们需要用一个进度条来显示进度，这样看上去比较好！

1，新建一个Flash文档，命名为“进度条.fla”。创建一个影片剪辑，命名为“进度条”。随便换一个长条的矩形，当然如果你喜欢其他形状，可以画其他的，这里就是用一个矩形。在第一百帧处插入关键帧！（因为考虑到100%比较好计算）。

然后点击第一帧和最后一帧，把形状属性的x,y改为0,0,同时把第一帧处的形状的宽度改为1。然后在创建形状补间动画。这样我们的进度条的动画就已经制作好了。

然后再新建一个图层，用来存放动态文本，显示加载的数据，拖一个文本，改为动态文本，命名process_txt。放置到相应的位置。如图

然后，在添加一层，在第一帧处写代码：stop()这样我们的影片剪辑就做好了。

2，返回舞台，新建一个图层，用来存放这个影片剪辑。把这个影片剪辑拖到舞台上，命名为process_mc。

3，新建一个图层，用来写as代码。代码如下

var url:URLRequest=new URLRequest("http://www.61stars.com/UserFiles/Image/video/anli/small/aixiangsui.mp3");
var sound:Sound=new Sound();

//影片开始的时候让影片剪辑不可见
process_mc.visible=false;
sound.load(url);
//给声音对象添加加载监听
sound.addEventListener(ProgressEvent.PROGRESS,loadMp3);
sound.addEventListener(Event.COMPLETE,completeMp3);
//监听函数
function loadMp3(e){

process_mc.visible=true;

    //就算加载进度
    var i:Number=Math.round((sound.bytesLoaded/sound.bytesTotal)*100);
    //在process_txt中显示进度
    process_mc.process_txt.text=i+"%";
    process_mc.gotoAndStop(i);
}
function completeMp3(e){

    process_mc.visible=false;
    //如果加载完成开始播放文件
    sound.play();
}

效果如下：

源文件下载

本文链接

每天学一点AS3.0(一)---声音的控制

2010-05-02T08:21:00Z

今天突然间发现，自己荒废了好久的Flash了，今天开始慢慢的复习并进一步学习一下，今天开始关于声音的学习。

1，加载库中的声音
文件--》导入---》导入到库
2，加载本地的声音
在第一帧处写代码：

  //URLRequest类是用来制定要加载的地址，此时的地址是本地地址
   var url:URLRequest=new URLRequest(string url);
   //声明一个声音对象
   var sound:Sound=new Sound();
   //通过load方法把url加载的声音加载到Sound对象里面
   sound.load(url);
   //播放
   sound.play();

3，加载远程的声音
在第一帧处写代码：

//URLRequest类是用来制定要加载的地址，此时的url为http地址
   var url:URLRequest=new URLRequest(string url);
   //声明一个声音对象
   var sound:Sound=new Sound();
   //通过load方法把url加载的声音加载到Sound对象里面
   sound.load(url);
   //播放
   sound.play();

4，加载进度

首先，要知道进度是如何计算的。
   公式:进度=已经加载过的字节/总共的字节数
   那么现在我们就要知道已经加载的自己怎么获得，总共的字节数怎么获得
   1，通过sound的属性来获得
      sound.bytesLoaded:获得已经加载的字节数
      sound.bytesTotal:获得总共的字节数
   2, 添加一个新层命名为“显示进度”，在第一帧处添加一个动态文本命名为jd_txt
   3，在as层的第一帧处写代码：

//URLRequest类是用来制定要加载的地址，此时的url为http地址
var url:URLRequest=new URLRequest("http://121.28.24.122/blog/eb/upload/audio1/20090422/hahaxiao_1240364607390.mp3");
//声明一个声音对象
var sound:Sound=new Sound();
//通过load方法把url加载的声音加载到Sound对象里面
sound.load(url);
//给声音对象添加加载中事件
sound.addEventListener(ProgressEvent.PROGRESS,jz);
//给声音对象添加加载完成后的事件
function jz(e){
var jd:Number=Math.round((sound.bytesLoaded/sound.bytesTotal)*100);
jd_txt.text="加载"+jd+"%";
}

测试影片，效果如下：

知识点：

1，对于Sound对象存在方法，属性和事件，对于方法和属性就不需要过多的解释，最重要的是事件

对于Sound对象的事件如下：

上面的表格就显示了Sound对象的5个事件，最为常用的事件有complete,ioError,progress个事件

上面的列子中，我们用到的是progress事件，通过Sound对象的addEventListener方法添加事件，参数有两个，

一个是ProgressEvent.PROGRESS，一个是jz，第一个参数是事件类型，第二个是事件执行函数。

在定义jz函数的时候，注意要有一个参数e,这个e就是产生事件的相关信息，这个函数可以有两个写法：

function jz(e){
....
}
//或者
function jz(Event:ProgressEvent){
....
}

使用哪一个都一样的。

今天到此结束，下一会，我们添加一个进度条!

本文链接

Jquery json的超强组合

2008-04-16T05:13:00Z

今天使用了jquery提供的对json的操作的函数，感觉超级爽哦！下面就把代码贴出js1functiongetjson()2{3$("[id=ready]").remove();//返回id=ready的所有dom元素45$.ajax(6{7type:"get",8dataType:"json",9url:"jspage.aspx",10data:"id=1",11success:function...

javascript分页程序

2008-03-02T11:57:00Z

在做项目的时候，要求使用ajax的无刷新的分页，可以由于自己对pagerhealp类不是很熟悉，所以就放弃这个念头。想起以前用sql 的存储过程来写的分页，于是就想使用javascript和Jquery来写了一个分页的程序，下面只把分页的功能写出来，Jquery的ajax请求就省略了。1functionPagers(page)2{3vardiv=document.createElement("di...

初试jquery制作一个简单的loading

2007-09-22T14:26:00Z

很多人都为javascript而感到困惑，写个效果太复杂了，有了jquery后，我们就能够很简单的写一些很漂亮的效果。而这次我要说的不是这个，是jquery对ajax的支持，下面先简单说一下jquery对ajax的一些函数通用方式：$.ajax(prop) 通过一个ajax请求，回去远程数据，prop是一个hash表，它可以传递的key/value有以下几种。 (String)type：数据传递方...

delegate——委派

2007-09-10T12:44:00Z

1usingSystem;2namespaceuu3{4publicclassDelegates5{6publicstaticvoidMain()7{8longlength;9longwidth;10longheight;11Console.Write("请输入长度:");12length=long.Parse(Console.ReadLine());13Console.Write("请输入宽度"...

sql 分页

2007-05-25T14:19:00Z

今天在做基于ajaxpro分页的时候，发现如果按照前一篇文章所指示，和gridview交互很是不方便，于是就写了基于存储过程和DataTable的分页，主要是存储过程，我就把存储过程给出，其他的很简单，就不再列出1--分页存储过程2createprocedureGetNews3(4@typeint,--文章的类型5@pgsint,--页大小6@pgnint--页码,页码为0为求总也数7)8as9d...