網(wǎng)易云音樂大家應(yīng)該都有用，它的音樂播放效果不知道你是否有注意過。本文作者介紹了如何用Axure實(shí)現(xiàn)網(wǎng)易云音樂有聲播放效果的操作步驟，以及實(shí)現(xiàn)過程中的一些注意事項(xiàng)，與大家分享。

為了方便講解，我們首先在桌面新建一個(gè)文件夾，命名為音樂。

1、將自己想要演示播放的MP3音樂文件放在這個(gè)文件夾里面

2、給播放頁添加一個(gè)中繼器

隨便命名，我給它命名為【音樂地址鏈接器】，用來鏈接播放本地音樂文件。并將此中繼器設(shè)置為隱藏。

3、選中播放按鈕，給播放狀態(tài)按鈕添加交互事件

在單擊事件中再增加“框架中打開鏈接”交互事件，勾選【音樂地址鏈接器】中繼器，選擇鏈接到【鏈接到URL或文件路徑】，文件路徑輸入剛才的音樂名稱及后綴，如：怎么做怎么過怎么活.mp3。

同理，給暫停狀態(tài)按鈕添加交互事件，再增加“框架中打開鏈接”交互事件，勾選【音樂地址鏈接器】中繼器，選擇鏈接到【鏈接到URL或文件路徑】，文件路徑輸入空值，即不打開什么鏈接或文件，實(shí)現(xiàn)停止不播放音樂的假象。

4、點(diǎn)擊頂部菜單【發(fā)布】-【生成HTML文件】

選擇剛才桌面創(chuàng)建的文件夾【音樂】，點(diǎn)擊【確定】生成HTML文件。

5、最后，生成的播放頁

打開桌面的【音樂】文件夾，選擇并打開生成的播放頁.html文件（你的源文件里面的播放頁命名什么，就打開哪一個(gè)）。

此時(shí)，點(diǎn)擊播放就能聽到音樂播放聲音的效果了，再點(diǎn)擊暫停，音樂即停止播放。

溫馨提示

1. 在源文件直接點(diǎn)擊【預(yù)覽】，是無法聽到音樂的播放效果的，只能生成html文件后再打開此html文件。
2. 音樂的播放效果，是無法實(shí)現(xiàn)播放到一半暫停，點(diǎn)擊繼續(xù)播放音樂，只能重新開始播放。

#關(guān)聯(lián)文章#

Axure教程（中級(jí)）：網(wǎng)易云音樂聽歌識(shí)曲效果模仿#

本文由 @火星人～艾斯 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自Unsplash，基于CC0協(xié)議