HTML5:Animate cc交互之“声音”的“开始、暂停功能

一、实现效果

打开第一个页面，声音是在播放的，点击按钮，跳到下一个地方，打开第2个声音，2个声音之间是不会冲突的。

二、步骤

1.确定An cc软件的帧数中，有没有加入声音事件，不能加入逐帧声音，会有冲突，如图：

a.帧标签注释，正确

b.逐帧声音，错误

2.确定你已经有加了路径的create.js脚本

3.在第0帧，调用所有声音

var sounds = {path:"./assets/",//assets是指声音文件

            manifest: [
                        {id: "sy1", src: { mp3:"01.mp3"}},
			{id: "sy2", src: { mp3:"02.mp3"}},//sy1-20是你自定义的ID，是你要调用的
			{id: "sy3", src: { mp3:"03.mp3"}},
			{id: "sy4", src: { mp3:"04.mp3"}},
			{id: "sy5", src: { mp3:"05.mp3"}},
			{id: "sy6", src: { mp3:"06.mp3"}},
			{id: "sy7", src: { mp3:"07.mp3"}},
			{id: "sy8", src: { mp3:"08.mp3"}},
			{id: "sy9", src: { mp3:"09.mp3"}},
			{id: "sy10", src: { mp3:"10.mp3"}},
			{id: "sy11", src: { mp3:"11.mp3"}},
			{id: "sy12", src: { mp3:"12.mp3"}},
			{id: "sy13", src: { mp3:"13.mp3"}},
			{id: "sy14", src: { mp3:"14.mp3"}},
			{id: "sy15", src: { mp3:"15.mp3"}},
			{id: "sy16", src: { mp3:"16.mp3"}},
			{id: "sy17", src: { mp3:"17.mp3"}},
			{id: "sy18", src: { mp3:"18.mp3"}},
			{id: "sy19", src: { mp3:"19.mp3"}},
			{id: "sy20", src: { mp3:"20.mp3"}}
    ]};
createjs.Sound.registerPlugins([createjs.WebAudioPlugin, createjs.FlashAudioPlugin]);
createjs.Sound.alternateExtensions = ["mp3"];
createjs.Sound.registerSounds(sounds);

4.在相应的帧处停止声音

createjs.Sound.stop();	//停止声音
createjs.Sound.play("sy20");//播放声音

5.注意！如果你有个返回首页按钮，那么你要，点击按钮后跳转的帧数不是第0帧，而是要变成第1帧去。

所谓的第0帧是指，第一帧，因为在编辑器的js代码中是指第0帧，所以这样称呼。