在線體驗(yàn)地址
Github在線地址(國外網(wǎng)站,網(wǎng)速比較慢))
https://egdw.github.io/SyncMusicOnline/#/
Coding.net在線地址(國內(nèi)網(wǎng)站,網(wǎng)速比較快)
https://egdw.coding.me/SyncMusic
怎么查找歌單id?
兩種方式
使用電腦
百度搜索網(wǎng)易云音樂
點(diǎn)擊你喜歡的歌單
查看瀏覽器地址欄
-
發(fā)現(xiàn)類似https://music.163.com/#/playlist?id=427405658
pc-min.gif 輸入到本軟件的首頁中的輸入框當(dāng)中.自動解析id
使用手機(jī)
- 手機(jī)打開網(wǎng)易云音樂
- 點(diǎn)擊你喜歡的歌單
- 點(diǎn)擊分享
- 選擇復(fù)制鏈接
類似惡搞大王的歌單《聽歌專用》http://music.163.com/playlist/2339591623/2769317?userid=2769317 (@網(wǎng)易云音樂)
- 輸入到本軟件的首頁中的輸入框當(dāng)中.自動解析id
怎么使用
邀請碼邀請(如果使用app,或者自建本地服務(wù)器)
- 輸入歌單id或?qū)Ψ教峁┑难埓a.
- 點(diǎn)擊開房
- 如果一切順利會彈出需要您復(fù)制的地址
- 發(fā)送給好友
- 打開app或本地服務(wù)器主頁.輸入邀請鏈接
- 完成
復(fù)制鏈接邀請(如果使用我提供的地址的話或者自己放在服務(wù)器上)
- 創(chuàng)建房間
- 復(fù)制瀏覽器頂部房間地址
- 分享給好友
- 好友打開后該鏈接即可同步
注意
- 部分瀏覽器不支持自動播放.請手動點(diǎn)擊播放一次,后面即可同步
問題反饋
- 聯(lián)系郵箱(請看Github資料)
- 聯(lián)系QQ(請看Github資料)
- [issue提問](https://github.com/egdw/SyncMusic/issues
sync-music
一款可以用于情侶之間遠(yuǎn)程同步聽歌的軟件
前言
因?yàn)楹团逊偶匐x的比較遠(yuǎn),有時(shí)候想一起聽歌的時(shí)候發(fā)現(xiàn)找遍市面上能想到的方法總是感覺不是很方便.所以萌生了自己制作一個(gè)可以同步音樂進(jìn)度的軟件.同時(shí)音樂數(shù)量又不能太少.服務(wù)器最好又不需要進(jìn)行維護(hù).所以選擇了下面的方法.
構(gòu)建 流程
# 安裝 依賴
npm install
# 熱啟動 localhost:8080
npm run dev
想法
首先我想打的是一個(gè)不需要任何自己搭建服務(wù)器使用簡單方便的同步聽歌.
基于這個(gè)原因.我沒有采用websocket作為數(shù)據(jù)同步的方式.采用了輪詢的方式進(jìn)行獲取數(shù)據(jù).
相對而言數(shù)據(jù)量會變大但是實(shí)現(xiàn)的結(jié)果將會是一樣的.
流程
開房流程
輸入歌單id -> imjad解析 -> 得到數(shù)據(jù) -> 獲取邀請鏈接 -> 渲染界面 -> 開啟定時(shí)器 -> 定時(shí)提交修改和定時(shí)獲取改變
入房流程
輸入邀請碼 -> myjson數(shù)據(jù)獲取 -> 得到歌單id -> imjad解析 -> 得到數(shù)據(jù) -> 獲取邀請鏈接 -> 渲染界面 -> 開啟定時(shí)器 -> 定時(shí)提交修改和定時(shí)獲取
需知
僅供學(xué)習(xí)使用,請勿用于商業(yè)用途
