Hoyo 教你 Web Audio API – 01. 從 HTML5 Tag 開始,讓音樂從網頁播放

Hoyo 教你 Web Audio API 系列目標是教同學如何建立自己的音樂串流平台

  • RWD,跨平台
  • 串流
  • 存取控管,付費內容或是隱私不公開
  • 點一次播放聽一整天
  • 搜尋歌曲,分類、歌手、曲目名稱
  • 錄音

一、拿香跟拜

  1. 在桌面準備一個測試網頁 audio.html
  2. 使用記事本或其他純文字編輯器 (Sublime Text) 開啟 audio.html
  3. 拿香跟拜,或是直接下載 audio

雙擊開啟 audio.html 看到類似這樣的網頁,並且點選播放可以順利聽到音樂就成功了

二、不同的瀏覽器、不同的播放介面

Hoyo 相信大多數的網頁畫面都和上面那張不同,應該比較接近下面這樣

除了畫面長相不同之外還多了下載按鈕,當然也有可能長這樣

為了統一播放介面所以接下來就必須 Hoyo 教你 Web Audio API – 02. 簡易播放介面

35 total views, no views today