tft每日頭條

 > 生活

 > axure如何播放音樂

axure如何播放音樂

生活 更新时间:2024-09-10 07:24:42

網易雲音樂大家應該都有用,它的音樂播放效果不知道你是否有注意過。本文作者介紹了如何用Axure實現網易雲音樂有聲播放效果的操作步驟,以及實現過程中的一些注意事項,與大家分享。

axure如何播放音樂(實現網易雲音樂有聲播放效果)1

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

1、将自己想要演示播放的MP3音樂文件放在這個文件夾裡面

axure如何播放音樂(實現網易雲音樂有聲播放效果)2

2、給播放頁添加一個中繼器

随便命名,我給它命名為【音樂地址鍊接器】,用來鍊接播放本地音樂文件。并将此中繼器設置為隐藏。

axure如何播放音樂(實現網易雲音樂有聲播放效果)3

3、選中播放按鈕,給播放狀态按鈕添加交互事件

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

同理,給暫停狀态按鈕添加交互事件,再增加“框架中打開鍊接”交互事件,勾選【音樂地址鍊接器】中繼器,選擇鍊接到【鍊接到URL或文件路徑】,文件路徑輸入空值,即不打開什麼鍊接或文件,實現停止不播放音樂的假象。

axure如何播放音樂(實現網易雲音樂有聲播放效果)4

axure如何播放音樂(實現網易雲音樂有聲播放效果)5

4、點擊頂部菜單【發布】-【生成html文件】

選擇剛才桌面創建的文件夾【音樂】,點擊【确定】生成HTML文件。

5、最後,生成的播放頁

打開桌面的【音樂】文件夾,選擇并打開生成的播放頁.html文件(你的源文件裡面的播放頁命名什麼,就打開哪一個)。

axure如何播放音樂(實現網易雲音樂有聲播放效果)6

此時,點擊播放就能聽到音樂播放聲音的效果了,再點擊暫停,音樂即停止播放。

溫馨提示
  1. 在源文件直接點擊【預覽】,是無法聽到音樂的播放效果的,隻能生成html文件後再打開此html文件。
  2. 音樂的播放效果,是無法實現播放到一半暫停,點擊繼續播放音樂,隻能重新開始播放。

#關聯文章#

Axure教程(中級):網易雲音樂聽歌識曲效果模仿#

本文由 @火星人~艾斯 原創發布于人人都是産品經理。未經許可,禁止轉載

題圖來自Unsplash,基于CC0協議

,

更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!

查看全部

相关生活资讯推荐

热门生活资讯推荐

网友关注

Copyright 2023-2024 - www.tftnews.com All Rights Reserved