最新更新 sitemap 网站制作设计本站搜索
网页设计
国外网站 韩国网站 个人主页 手提袋设计 CSS 网页特效 平面设计 网站设计 Flash CMS技巧 服装网站 php教程 photoshop 画册 服务器选用 数据库 Office
虚拟主机 域名注册 云主机 网页设计 客服QQ:8208442
当前位置:首页 > 网络设计学院 > Flash教程

教你用Flash制作好玩的麦克风教程

日期:03-15    来源:中国设计秀    作者:cnwebshow.com

这个教程是Flash与麦克风的互动。希望通过学习这个麦克风互动的教程,使您来获得更好的启发。oIK中国设计秀

  首先看这个例子,点击Allow[允许],并用麦克风发出声音,效果如下:oIK中国设计秀

oIK中国设计秀

 OK,下面我们来一步步的实现上面这个FLASH的功能: oIK中国设计秀
oIK中国设计秀
  1.打开Flash并新建一个300*200的场景oIK中国设计秀
oIK中国设计秀
  2.用工具栏中的画圆工具在场景中画一个适中的圆形oIK中国设计秀

oIK中国设计秀

  3.将这个圆形转化为元件,并设置为电影夹子——选择刚才所画的圆形,点击F8键或者点击[修改][Modify]-[转化为元件][Convert to Symbol],在对话框中选择[电影夹子][Movie Clip],点击[确定][ok]oIK中国设计秀
oIK中国设计秀
  4.完成上一步后,我们在场景中点击这个元件,在属性面板中的[Instance Name]中输入CircleoIK中国设计秀

oIK中国设计秀

  5.现在我们可以在时间轴的第一桢写入我们的ActionScript命令——点击时间轴面板中的第一桢,点击F9或者[窗口][Window]-[动作][ Development Panels-Action],将下面的程序输入动作面板当中: oIK中国设计秀
oIK中国设计秀
  代码:oIK中国设计秀

m = Microphone.get(); 
attachAudio(m); 
m.setUseEchoSuppression(false); 
onEnterFrame = function () { 
circle._xscale = circle._yscale = m.activityLevel+50; 
};

  6.完成上面的步骤,你就可以在你的网页中预览了——[文件]-[发布预览]-[HTML]。 下面我们来为你解释每一行代码的意义:oIK中国设计秀
oIK中国设计秀
  代码:oIK中国设计秀

m = Microphone.get();

  让Flash程序与麦克风输入的信号建立连接oIK中国设计秀

 oIK中国设计秀

oIK中国设计秀
  代码:oIK中国设计秀

 _root.attachAudio(m); 

  这行命令将Audio连接在_root上,这样每一个物件都能与’m’来建立沟通oIK中国设计秀

 oIK中国设计秀

  代码:oIK中国设计秀
 oIK中国设计秀

m.setUseEchoSuppression(false);

  防止回音的影响,代码:oIK中国设计秀

onEnterFrame = function () { 
circle._xscale = circle._yscale = m.activityLevel+50; 
            };

  这段代码的作用是用声音来控制我们所设置图形的大小,activityLevel是通过声音的输入来返回一个在0-100之间数值。oIK中国设计秀

  OK,这个教程就到此为止了,大家自己可以多加实践,也许会有意想不到的效果!oIK中国设计秀