【案例分享 | 音乐APP】Axure添加音乐播放

哈喽，大家好！今天给大家介绍如何使用Axure添加音乐播放。

【案例预览地址含下载】电脑打开链接：https://ff14ue.axshare.com/

【完整案例作品预览含下载】电脑打开链接：https://xzh7x1.axshare.com/

一、案例介绍

【视频教程】：哔哩哔哩视频

首先，让我们来看下效果展示：可以播放音乐，快进音乐和暂停音乐。

【效果预览】

【案例分享】Axure添加音乐播放

二、案例步骤

首先，在Axure的元件库中新建一个内联框架元件，调整元件尺寸。

打开网易云官网https://music.163.com/#，搜索自己喜欢的歌曲，选择单曲。

进入到单曲详情页，点击“生成外链播放器”，支持选择尺寸和播放模式。我们默认选项，在HTML代码内容中，

<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 src="//music.163.com/outchain/player?type=2&id=28949444&auto=1&height=66"></iframe>

选中src(外联链接地址)的内容并复制。

music.163.com/outchain/player?type=2&id=28949444&auto=1&height=66

进入到Axure软件中，双击内联框架，选择“链接一个外部的URL或文件”，将复制的内容粘贴进去。

https://music.163.com/outchain/player?type=2&id=28949444&auto=1&height=66

设置完成后， 我们预览看下效果，可以看到添加播放音乐的效果就实现了。

以上就是本次教程的全部内容，那我们下一个视频再见啦！