欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

情侣一起听歌 同步音乐播放 音源来自网易云音乐 异地同步 同步切歌 切换歌曲

程序员文章站 2022-05-19 15:49:26
...

在线体验地址

Github在线地址(国外网站,网速比较慢))

https://egdw.github.io/SyncMusicOnline/#/

Coding.net在线地址(国内网站,网速比较快)

https://egdw.coding.me/SyncMusic

怎么查找歌单id?

两种方式

使用电脑

  1. 百度搜索网易云音乐
  2. 点击你喜欢的歌单
  3. 查看浏览器地址栏
  4. 发现类似https://music.163.com/#/playlist?id=427405658

    情侣一起听歌 同步音乐播放 音源来自网易云音乐 异地同步 同步切歌 切换歌曲
  5. 输入到本软件的首页中的输入框当中.自动解析id

使用手机

  1. 手机打开网易云音乐
  2. 点击你喜欢的歌单
  3. 点击分享
  4. 选择复制链接

    类似恶搞大王的歌单《听歌专用》http://music.163.com/playlist/2339591623/2769317?userid=2769317 (@网易云音乐)
  5. 输入到本软件的首页中的输入框当中.自动解析id
    这里有演示图片.比较大.耐心等待
    情侣一起听歌 同步音乐播放 音源来自网易云音乐 异地同步 同步切歌 切换歌曲

怎么使用

邀请码邀请(如果使用app,或者自建本地服务器)

  1. 输入歌单id或对方提供的邀请码.
  2. 点击开房
  3. 如果一切顺利会弹出需要您复制的地址
  4. 发送给好友
  5. 打开app或本地服务器主页.输入邀请链接
  6. 完成

复制链接邀请(如果使用我提供的地址的话或者自己放在服务器上)

  1. 创建房间
  2. 复制浏览器顶部房间地址
  3. 分享给好友
  4. 好友打开后该链接即可同步

注意

  1. 部分浏览器不支持自动播放.请手动点击播放一次,后面即可同步

问题反馈

sync-music

一款可以用于情侣之间远程同步听歌的软件

前言

因为和女友放假离的比较远,有时候想一起听歌的时候发现找遍市面上能想到的方法总是感觉不是很方便.所以萌生了自己制作一个可以同步音乐进度的软件.同时音乐数量又不能太少.服务器最好又不需要进行维护.所以选择了下面的方法.

构建 流程

# 安装 依赖
npm install

# 热启动 localhost:8080
npm run dev

想法

首先我想打的是一个不需要任何自己搭建服务器使用简单方便的同步听歌.

基于这个原因.我没有采用websocket作为数据同步的方式.采用了轮询的方式进行获取数据.

相对而言数据量会变大但是实现的结果将会是一样的.

流程

开房流程

输入歌单id -> imjad解析 -> 得到数据 -> 获取邀请链接 -> 渲染界面 -> 开启定时器 -> 定时提交修改和定时获取改变

入房流程

输入邀请码 -> myjson数据获取 -> 得到歌单id -> imjad解析 -> 得到数据 -> 获取邀请链接 -> 渲染界面 -> 开启定时器 -> 定时提交修改和定时获取

需知

仅供学习使用,请勿用于商业用途

感谢