网易云音乐应该对大家有用。不知道大家有没有注意到它的音乐播放效果。本文作者介绍了如何用Axure实现网易云音乐的声音播放效果的操作步骤，以及实现过程中的一些注意事项，与大家分享。

为了方便解释，我们先在桌面上新建一个文件夹，命名为Music。

1、将自己想要演示播放的MP3音乐文件放在这个文件夹里面

2、给播放页添加一个中继器

随便起个名字。我把它命名为音乐地址链接器，用来链接和播放本地音乐文件。并将该中继器设置为隐藏。

3、选中播放按钮，给播放状态按钮添加交互事件

点击事件添加交互事件“打开框内链接”，勾选【音乐地址链接器】复读机，选择链接到【链接到URL或文件路径】，在文件路径中输入刚才的音乐名称和后缀，如:怎么做，怎么活。mp3。

同样的，在暂停按钮上添加一个交互事件，然后添加交互事件“打开框内链接”，勾选【音乐地址链接器】中继器，选择链接到【链接到URL或文件路径】，在文件路径中输入空值，即不打开任何链接或文件，从而实现停止播放音乐的错觉。

4、点击顶部菜单【发布】-【生成HTML文件】

选择桌面上刚刚创建的文件夹【音乐】，点击【确定】生成HTML文件。

5、最后，生成的播放页

打开桌面上的[音乐]文件夹，选择并打开生成的播放页面。html文件(不管源文件中播放页面的名称是什么，打开它)。

此时，点击播放即可听到音乐播放声音的效果，再点击暂停即可停止音乐播放。

温馨提示在源文件直接点击【预览】，是无法听到音乐的播放效果的，只能生成html文件后再打开此html文件。音乐的播放效果，是无法实现播放到一半暂停，点击继续播放音乐，只能重新开始播放。#关联文章#

Axure教程(中级):网易云音乐听歌知道音乐效果模仿#

本文由@火星人~ Ace原创发表于蜘蛛智慧链。未经许可，禁止转载。

图片来自Unsplash，基于CC0协议。