iT邦幫忙

2022 iThome 鐵人賽

DAY 26
0
Mobile Development

通徹 Flutter 學習路徑系列 第 26

通徹 Flutter 學習路徑 Day 26 - 探索 Audio Player 之旅

  • 分享至 

  • xImage
  •  

今天要來嘗試看看的是如何在 Flutter 進行音樂播放
相信之前在 Video Player 那一篇已經稍微提及了影片播放在 Flutter
然而有些時候我們可能僅僅只是想透過 APP 來進行音樂播放
因此這次的主題主要是想研究看看有哪些方式可以進行實作


首先我先查詢到的是 audioplayers 這個套件
而使用方法則是如下

Step 1. 安裝套件

flutter pub add audioplayers

Step 2. 設定 Audio_player
每個 Audio_Player 可以設定唯一的音訊來源
而音訊來源的方式可以透過

  1. UrlSource: 網路音訊檔案連結
  2. DeviceFileSource: 個人裝置的音訊檔案
  3. AssetSource: 透過 Assets 匯入的音訊檔案
  4. BytesSource (只支援某些平台): 透過 Bytes 傳遞的音訊
final player = AudioPlayer();
// 其中可以透過 AudioPlayer 實體中的 setSource() 來設定音訊來源
// play() 來執行音樂
// stop() 來停止

Step 3. 音樂相關函式
getDuration() 來獲取全曲播放長度
getCurrentPosition() 獲得當前播放位置
player.state 來獲得當前播放狀態 (stopped, playing, paused, completed)


透過上述的函式及其所提供的範例程式碼
可以修改後完成一個播放清單的播放功能
因此有興趣的讀者可以透過自己身邊所擁有的 MP3 檔
來完成一個屬於自己的音樂播放器!


參考資料

強而有力的官網後盾


上一篇
通徹 Flutter 學習路徑 Day 25 - 來玩玩 Google Map 吧
下一篇
通徹 Flutter 學習路徑 Day 27 - 今天來介紹 Flame 這個遊戲引擎吧
系列文
通徹 Flutter 學習路徑30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言