# Lo
###### tags: `個人筆記`

* 如何在這個 side project 中讓大家都有收益？ 而不單單只是做出這個 side project
> [name=eva]每個人分享希望在這個專案達成什麼個人目標
> :+1: [name=Lo]
* Chris 提供的關鍵字: websocket、express
* 工作室的音樂撥放工具是手機，必須克服關螢幕後的待機狀態瀏覽器還能正常運行，可以先體驗一下用手機打開 Spotify 的網頁撥放器撥放音樂，ios 的狀況我不清楚，但如果是 android 在手機的通知列會出現簡單的撥放器介面，這時候即使把螢幕關掉，你會發現音樂仍然在撥放，對，目標就是做成這樣(所以勢必要往 PWA 發展)

### guide

1. 事前準備:
* 自己的網站 URL.
* Spotify 重新導向的 URL 白名單
2. 註冊 APP:
3.

### Play Lists API

| |分類|api|描述|
|-|-|-|-|
| POST | player | /v1/me/player/queueAdd | an item to the end of the user's current playback queue.(加到佇列)|
| PUT | player | /v1/me/player/seek | Seek To Position In Currently Playing Track (進度條控制)|
| GET | player | /v1/me/player/currently-playing | Get the User's Currently Playing Track (現在在播放的歌)|
| GET | player | /v1/me/player | Get Information About The User's Current Playback 分不出差異= =+|

[目前不能使用 web api 查看佇列, 因為儲存在 local](https://github.com/spotify/web-api/issues/921)

The Web Playback SDK is only designed to create a local Connect device in your browser. The Web API is for additional actions such as search or playing a Spotify URI on any of a user’s Connect devices.

https://medium.com/@joetrashtalk/%E5%88%A9%E7%94%A8-postman-%E9%80%8F%E9%81%8E-oauth-2-0-%E5%8F%96%E5%BE%97-token-21a1527b3d1a

There are four optional flows to obtaining app authorization:

Refreshable user authorization: Authorization Code Flow
Refreshable user authorization: Authorization Code Flow With Proof Key for Code Exchange (PKCE)
Temporary user authorization: Implicit Grant
Refreshable app authorization: Client Credentials Flow

要哪一種啊Q_Q

### 多人互動點歌 on Spotify / Street Voice ... 這個題材的事前資訊搜尋
> [name=Lo]

之前有相關的軟體出現而且風靡一時? [SoundDrop 的介紹][Sounddrop]，該公司現在的主要服務目標已經轉型為提供 cover music 相關服務的公司[SoundDrop 官網][sound-drop-office]
* SoundDrop 相關報導
* [2013 介紹 SoundDrop][sound-drop-report-2013] - lets users tap into existing listening rooms based on artists, genres and moods, using Spotify’s move to the web as a way of building out part of the audio component, and synchronising those tracks with videos from YouTube
* 2014 Spotify 關閉 App Finder platform 的服務，導致 SoundDrop 的 room 服務也得跟著關閉
* [報導-1][sound-drop-report-2014-1]
* [報導-2][sound-drop-report-2014-2]

* Spotify API Web 有展示其他 DEMO
* [C-room][C-room]
有興趣也可以看一下 前 Spotify API 開發員工於 2017 寫的[文章][jose]，裡面提及的 chat room 的概念就是我想做的那樣
* Google Chrome 上找到的 extention - [SpotifyParty][spotify-party]，**最後更新日期 2020/06/10**

結論: 技術上可以做! 而且有 [demo](https://github.com/JMPerez/c) 可以參考，但是要賺錢可能要三思:rolling_on_the_floor_laughing:
這裡也有一家類似例子 [Turntable.fm (wiki)][Turntable.fm] 、 相關文章: [Dropping the needle: the life and death of Turntable.fm][about Turntable.fm]

[sound-drop]: https://medium.com/@jmperezperez/collaborative-listening-on-spotify-using-connect-endpoints-7695603e17d1
[sound-drop-office]: https://soundrop.com/
[sound-drop-report-2013]: https://techcrunch.com/2013/04/29/soundrop-launches-web-based-listening-rooms-that-sync-up-spotify-tracks-with-youtube-videos/
[sound-drop-report-2014-1]: https://www.engadget.com/2014-11-14-soundrop-spotify-app-platform-death.html
[sound-drop-report-2014-2]: https://techcrunch.com/2014/11/13/rip-spotify-apps-rip-soundrop/
[C-room]: https://developer.spotify.com/community/showcase/c/
[jose]: https://medium.com/@jmperezperez/collaborative-listening-on-spotify-using-connect-endpoints-7695603e17d1
[spotify-party]: https://chrome.google.com/webstore/detail/spotify-party/lnmhonfihnlkllicdelebieiaheplfgk
[Turntable.fm]: https://en.wikipedia.org/wiki/Turntable.fm
[about Turntable.fm]: https://www.theverge.com/2013/12/2/5167020/dropping-the-needle-the-life-and-death-of-turntable-fm