首页 > 电脑专区 > 电脑教程 >

AnimateCC如何使用声音文件(3)

来源:互联网 2023-02-21 22:16:22 187

前两篇经验讲了声音文件的两种使用方法,这一篇我们继续对上一篇的内容进行升级,实现对声音音量的控制及进度显示。jyO办公区 - 实用经验教程分享!

5AnimateCC如何使用声音文件(1)jyO办公区 - 实用经验教程分享!

1AnimateCC如何使用声音文件(2)jyO办公区 - 实用经验教程分享!

工具/原料

  • FLASH CS5/CS6/CC或者Animate CC

方法/步骤

  • 1

    打开上一篇的制作文件,自行在舞台上添加两个按钮,如图中所示。jyO办公区 - 实用经验教程分享!

    AnimateCC如何使用声音文件(3)jyO办公区 - 实用经验教程分享!

  • 2

    增加音量的按钮实例名设置为btn_upjyO办公区 - 实用经验教程分享!

    AnimateCC如何使用声音文件(3)jyO办公区 - 实用经验教程分享!

  • 2此文章未经授权抓取自百度经验
  • 3

    减小音量的按钮实例名设置为btn_downjyO办公区 - 实用经验教程分享!

    AnimateCC如何使用声音文件(3)jyO办公区 - 实用经验教程分享!

  • 4

    对原有代码进行更改,如下:jyO办公区 - 实用经验教程分享!

    var music_sound:MUSICSOUND=new MUSICSOUND();//初始化声音变量并引用库里的声音文件jyO办公区 - 实用经验教程分享!

    var soundchannel:SoundChannel=new SoundChannel();//声道,用于控制声音播放和暂停jyO办公区 - 实用经验教程分享!

    var soundTransForm:SoundTransform=new SoundTransform();jyO办公区 - 实用经验教程分享!

    var volume:Number=1;//用于存储音量值jyO办公区 - 实用经验教程分享!

    jyO办公区 - 实用经验教程分享!

    soundchannel=music_sound.play(0,10000);jyO办公区 - 实用经验教程分享!

    jyO办公区 - 实用经验教程分享!

    btn_play.addEventListener(MouseEvent.CLICK,PlaySound);jyO办公区 - 实用经验教程分享!

    btn_pause.addEventListener(MouseEvent.CLICK,PauseSound);jyO办公区 - 实用经验教程分享!

    function PlaySound(e:MouseEvent):voidjyO办公区 - 实用经验教程分享!

    {jyO办公区 - 实用经验教程分享!

    soundTransForm.volume=volume;jyO办公区 - 实用经验教程分享!

    soundchannel.soundTransform = soundTransForm;jyO办公区 - 实用经验教程分享!

    }jyO办公区 - 实用经验教程分享!

    function PauseSound(e:MouseEvent):voidjyO办公区 - 实用经验教程分享!

    {jyO办公区 - 实用经验教程分享!

    soundTransForm.volume=0;jyO办公区 - 实用经验教程分享!

    soundchannel.soundTransform = soundTransForm;jyO办公区 - 实用经验教程分享!

    }jyO办公区 - 实用经验教程分享!

    ////////////jyO办公区 - 实用经验教程分享!

    jyO办公区 - 实用经验教程分享!

    btn_up.addEventListener(MouseEvent.CLICK,AddVolume);//点击增大音量jyO办公区 - 实用经验教程分享!

    btn_down.addEventListener(MouseEvent.CLICK,ReduceVolume);//点击减小音量jyO办公区 - 实用经验教程分享!

    function AddVolume(e:MouseEvent):voidjyO办公区 - 实用经验教程分享!

    {jyO办公区 - 实用经验教程分享!

    if(volume2)//最大音量不超过两倍jyO办公区 - 实用经验教程分享!

    {jyO办公区 - 实用经验教程分享!

    volume =0.1;jyO办公区 - 实用经验教程分享!

    }jyO办公区 - 实用经验教程分享!

    soundTransForm.volume=volume;jyO办公区 - 实用经验教程分享!

    soundchannel.soundTransform = soundTransForm;jyO办公区 - 实用经验教程分享!

    }jyO办公区 - 实用经验教程分享!

    function ReduceVolume(e:MouseEvent):voidjyO办公区 - 实用经验教程分享!

    {jyO办公区 - 实用经验教程分享!

    if(volume>0)//最小音量不低于0jyO办公区 - 实用经验教程分享!

    {jyO办公区 - 实用经验教程分享!

    volume-=0.1;jyO办公区 - 实用经验教程分享!

    }jyO办公区 - 实用经验教程分享!

    soundTransForm.volume=volume;jyO办公区 - 实用经验教程分享!

    soundchannel.soundTransform = soundTransForm;jyO办公区 - 实用经验教程分享!

    }jyO办公区 - 实用经验教程分享!

    AnimateCC如何使用声音文件(3)jyO办公区 - 实用经验教程分享!

  • 5

    运行后,就可以看到通过两个按钮对音量可以进行控制了。jyO办公区 - 实用经验教程分享!

  • 6

    接下来显示播放进度,在舞台上放一个动态文本框,实例名设置为time_txtjyO办公区 - 实用经验教程分享!

    AnimateCC如何使用声音文件(3)jyO办公区 - 实用经验教程分享!

    AnimateCC如何使用声音文件(3)jyO办公区 - 实用经验教程分享!

  • 7

    代码最后增加如下代码:jyO办公区 - 实用经验教程分享!

    this.addEventListener(Event.ENTER_FRAME,UpdateTimeTxt);//帧频事件,用于更新播放进度jyO办公区 - 实用经验教程分享!

    function UpdateTimeTxt(e:Event):voidjyO办公区 - 实用经验教程分享!

    {jyO办公区 - 实用经验教程分享!

    trace(soundchannel.position);jyO办公区 - 实用经验教程分享!

    time_txt.text=String(int(soundchannel.position/1000));//position是播放当时进度时间,因为单位是毫秒,所以进行处理,转换为秒jyO办公区 - 实用经验教程分享!

    }jyO办公区 - 实用经验教程分享!

    AnimateCC如何使用声音文件(3)jyO办公区 - 实用经验教程分享!

  • 8

    这里只是获取并显示了进度时间,还可以自行转换为正常的时间格式如00:00。jyO办公区 - 实用经验教程分享!

    AnimateCC如何使用声音文件(3)jyO办公区 - 实用经验教程分享!

  • 9

    关于声音文件的处理,还有最后一篇经验,会讲如何使用外部的声音文件,并进行控制。jyO办公区 - 实用经验教程分享!

  • 注意事项

    • 理解该教程需要一定的软件操作基础。
    • 什么不明白的或者其它FLASH代码方面的问题可以私信。

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!jyO办公区 - 实用经验教程分享!


    标签: flash声音使用文件

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码