网站建设 社群运营 Axure教程:实现网易云音乐有声播放效果

Axure教程:实现网易云音乐有声播放效果

中企动力企业交流群

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

为了方便讲解,我们首先在桌面新建一个文件夹,命名为音乐。

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

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

随便命名,我给它命名为,用来链接播放本地音乐文件。并将此中继器设置为隐藏。

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

在单击事件中再增加“框架中打开链接”交互事件,勾选中继器,选择链接到,文件路径输入刚才的音乐名称及后缀,如:怎么做怎么过怎么活.mp3。

同理,给暂停状态按钮添加交互事件,再增加“框架中打开链接”交互事件,勾选中继器,选择链接到,文件路径输入空值,即不打开什么链接或文件,实现停止不播放音乐的假象。

4、点击顶部菜单-

选择刚才桌面创建的文件夹,点击生成HTML文件。

5、最后,生成的播放页

打开桌面的文件夹,选择并打开生成的播放页.html文件(你的源文件里面的播放页命名什么,就打开哪一个)。

此时,点击播放就能听到音乐播放声音的效果了,再点击暂停,音乐即停止播放。

温馨提示

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

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

    中企动力企业交流群

    声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。 如涉及版权问题,请提交至online#300.cn邮箱联系删除。

    相关文章

    以上产品还未完全满足我的所有需求,在下方提交我的专属需求
    我的专属需求:
    *手机号:
    *验证码:
    img
    咨询报价
    现在咨询