PodSnack 線上製作 HTML5 音樂播放器,把喜愛的音樂分享到 Facebook – 免費資源網路社群 – telegram電腦版

Brina

2013 06 10 1138

PodSnack 是一款音樂播放器製作工具,能讓你把自己喜愛的音樂在線上製作成播放器,只需要簡單三步驟:加入歌曲、自訂播放器,然後產生分享鏈結,也可以透過原始碼把播放器內嵌到你的網站、社交網路或是下載回電腦裡。

PodSnack 提供的播放器樣式很多,有能顯示歌曲名稱和歌手的一般播放器,也有類似於蘋果 iTunes Cover Flow 將音樂封面都排列起來的,或者你不想要佔用太多版面,非常精簡的播放器樣式等等。支援的音樂來源包括從電腦上傳(需要升級為 Premium)、從 YouTube 選曲、連結到 Dropbox 和線上錄音四種。

這項服務的免費版會有一些限制,例如播放器裡有歌曲數量和長度限制,也會加上浮水印等等,有些功能也需要付費才能開啟,如果你真的覺得 PodSnack 很好用,那也可以考慮付費來升級 Premium ,它是以點數來計算,升級一個播放清單需要 8 Points ,大約 $10 美元左右。

網站名稱:PodSnack
網站鏈結:https://www.podsnack.com/ (推薦鏈結)
範例網址:https://snack.to/atmfwj9k

在 PodSnack 建立播放清單

開啟 PodSnack 網站後,點擊首頁的 Build a Playlist 按鈕來建立新的播放器。

2013 06 10 1149

接著會來到登入帳戶的提示畫面,如果你之前有使用過 FileSnack 的話,他們是出自同一家公司,可以直接以原本的帳戶登入。

2013 06 10 1140

設定一下要使用的播放清單名稱,然後從底下加入曲目,除了從電腦上傳音樂需要付費才能使用以外,其他的功能應該都不需要。推薦直接從 YouTube 搜尋,然後把喜歡的音樂加進來 PodSnack 播放清單。

2013 06 10 1152

使用方法真的很簡單,輸入要搜尋的關鍵字,然後點擊搜尋結果後方的 + 號,即可把該音樂加入你的播放清單。完成後按右上角的 Next 跳到下一個步驟。

2013 06 10 1153

第二步驟是選擇要使用的播放器樣式,從上面那排樣式中選取,下面的 Preview 預覽會出現播放器套用在你播放清單的樣子。

2013 06 10 1156

可以調整的選項很多,包括寬度、高度、尺寸、播放模式、音量以及配色等等。

2013 06 10 1159

類似於 Cover Flow 樣式的播放器相當有特色。

2013 06 10 1157

或者是這種只有一條播放器的簡潔感也是我很喜歡的樣式。

2013 06 10 1158

選好播放器的樣式後按下 Finish,就會看到播放清單的分享鏈結,可以在這裡快速分想到自己的 Facebook 塗鴉牆、Twitter 或是以 Email 寄給好友,此外右邊的 Embed 可以產生內嵌到網站裡的原始碼。

2013 06 10 1200

往後可以從 My PodSnack 來編輯你建立的播放清單,或是重新取得分享鏈結和原始碼。PodSnack 會顯示每個播放器的使用狀態,以圖表方式呈現。

2013 06 10 1203

本文使用推薦鏈結,如不想這麼做,可以直接連結:https://www.podsnack.com/ 。

相關文章

  • OneLinePlayer 免費網頁影音播放器,嵌入影片可自訂各種模式和按鈕樣式
  • Plotify 以自然語言分析電影劇情,產生另一個 Spotify 音樂播放清單
  • SkyDrive Link:把 Windows Live SkyDrive 變成音樂空間,支援線上播放器及直接連結
  • Bop.fm 線上音樂聚合服務,免費聽歌還能推薦分享給好友

Ten articles before and after

SortMyBox 自動幫你整理 Dropbox、Box.net 雲端硬碟上的檔案 – 免費資源網路社群 – telegram電腦版

DemosWP 免費 WordPress 開發測試網站,提供 MySQL、SFTP 和 SSL – telegram電腦版

[Android] Bad Piggies -憤怒鳥團隊又一力作,這次要換壞壞豬來當主角了! – 免費資源網路社群 – telegram電腦版

Standart.io 簡單設計線條俐落圖示集,Sketch、SVG 格式免費下載 – telegram電腦版

愛玩嘻嘻 – 小遊戲搜尋引擎 – 免費資源網路社群 – telegram電腦版

Snaggy 分享螢幕擷圖最簡單的方法!免下載安裝 Windows、Mac 都能用 – 免費資源網路社群 – telegram電腦版

Ashampoo Uninstaller 4 軟體完整移除、清理工具,限時免費下載 – 免費資源網路社群 – telegram電腦版

Instaport 打包下載、備份 Instagram 相片 – 免費資源網路社群 – telegram電腦版

HipsterSound 在家也能提高工作效率!運用科技建構最適合自己的工作環境 – 免費資源網路社群 – telegram電腦版

Is The Water Safe to Drink? — 輸入城市名稱,查詢當地自來水能否生飲 – 免費資源網路社群 – telegram電腦版

About Me

Pretium lorem primis senectus habitasse lectus donec ultricies tortor adipiscing fusce morbi volutpat pellentesque consectetur risus curae malesuada dignissim lacus convallis massa mauris.