Hoyo 教你 Web Audio API 系列目標是教同學如何建立自己的音樂串流平台
- RWD,跨平台
- 串流
- 存取控管,付費內容或是隱私不公開
- 點一次播放聽一整天
- 搜尋歌曲,分類、歌手、曲目名稱
- 錄音
--
一、拿香跟拜
- 在桌面準備一個測試網頁 audio.html
- 使用記事本或其他純文字編輯器 (Sublime Text) 開啟 audio.html
- 拿香跟拜,或是直接下載 audio
1 2 3 4 5 6 7 8 9 10 11 |
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Hoyo 教你 Web Audio API – 01</title> </head> <body> <audio src="https://playx.fun/stream/AgxAN:DXX1rB" controls=""></audio> </body> </html> |
雙擊開啟 audio.html 看到類似這樣的網頁,並且點選播放可以順利聽到音樂就成功了
--
二、不同的瀏覽器、不同的播放介面
Hoyo 相信大多數的網頁畫面都和上面那張不同,應該比較接近下面這樣
除了畫面長相不同之外還多了下載按鈕,當然也有可能長這樣
--
為了統一播放介面所以接下來就必須 Hoyo 教你 Web Audio API – 02. 簡易播放介面
--
1,104 total views, 1 views today