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

访客4年前黑客工具1074

网易云音乐各人应该都有用,它的音乐播放结果不知道你是否有留意过。本文作者先容了如何用Axure实现网易云音乐有声播放结果的操纵步调,以及实现进程中的一些留意事项,与各人分享。

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

为了利便讲授,我们首先在桌面新建一个文件夹,定名为音乐。

1、将本身想要演示播放的MP3音乐文件放在这个文件夹内里

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

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

随便定名,我给它定名为【音乐地点链接器】,用来链接播放当地音乐文件。并将此中继器配置为埋没。

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

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

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

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

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

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

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

选择适才桌面建设的文件夹【音乐】,点击【确定】生成HTML文件。

5、最后,生成的播放页

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

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

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

温馨提示

在源文件直接点击【预览】,是无法听到音乐的播放结果的,只能生成html文件后再打开此html文件。

音乐的播放结果,是无法实现播放到一半暂停,点击继承播放音乐,只能从头开始播放。

#关联文章#

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

相关文章

马云:应届生最好去小公司

马云:应届生最好去小公司

众所周知,马云老师常常语出惊人。 这不,最近又看到马爸爸说:应届生最好去小公司,因为小公司更熬炼人。 我其时的脸色是: (大概在马爸爸看来,在座的列位···都是小公司。) 其实,对付结业后去大公司...

案例拆解 | 教育行业的社群标杆《起点学院1元公开课》

案例拆解 | 教育行业的社群标杆《起点学院1元公开课》

编辑导读:产物司理是跟着互联网成长起来的一个职业,可是大学里并没有具备相关的解说资源,因此不少教诲机构都对准用户的这一需求,开设相关课程。本文作者就以“起点学院1元果真课”为例,对其社群运营展开阐明,...

视频号成功的可能性多大?

视频号成功的可能性多大?

前段时间,张小龙的一条伴侣圈让微信视频号从头呈此刻公共的视野里。这个寂静了许久的产物会怎么成长?本文作者对这个问题提出了本身的一点观点,但愿对你有辅佐。 “2亿,只是一个开始,mark一下,因为再不...

AI(NLP语义方向)标注工具产品设计的5个锦囊

AI(NLP语义方向)标注工具产品设计的5个锦囊

编辑导读:数据是AI公司的必须品,数据标注是AI产物模子开拓中重要的一环,也是AI产物司理必需要相识的根基技能,本文作者从认知基本、为什么我们需要标注、锦囊三个方面临AI标注东西的产物设计事情展开了阐...

为什么你的项目推不动(一)

为什么你的项目推不动(一)

编辑导读:在和其他部分同事相助的进程中,总会碰着这样的问题:交接给别人的工作做出来的结果不尽如人意可能进度迟钝,你在旁边焦虑如焚。这时候应该怎么办呢?本文作者按照自身事情履历,汇报你办理要领分三步走,...

美团上线“弹幕车”,行业或迎来单车的广告化?

美团上线“弹幕车”,行业或迎来单车的广告化?

编辑导读:在经验过几轮竞争之后,共享单车行业泛起出哈啰出行、美团单车,以及滴滴青桔的“三足鼎立”名堂。而且他们用风雅化运营代替“烧钱”津贴来得到用户,好比美团单车将投放“实体弹幕”车到全国高校,并环绕...