Music Player
在线试用
目录说明
frontend
基于 Angular 提供播放界面
api
支持 酷狗/网易/虾米 音乐获取
backend
基于 nestjs 调用 @s4p/music-api 提供 graphql 接口的后台服务
android
基于 androidjs 和 frontend 和 proxy 实现安卓应用
kugou-lrc
酷狗歌词搜索/下载/解析
proxy
提供跨域歌曲 URL
Q&A
最 high 部分如何实现
基础解释:(原文)
声音是介质振动在听觉系统中产生的反应。声音总可以被分解为不同频率不同强度正弦波的叠加（傅里叶变换）
声音有两个基本的物理属性: 频率与振幅。声音的振幅就是音量，频率的高低就是指音调，频率用赫兹（Hz）作单位。人耳只能听到 20Hz 到 20khz 范围的声音
数字音频:(原文)
通过采样和量化技术获得的离散性（数字化）音频数据。计算机内部处理的是二进制数据，处理的都是数字音频，所以需要将模拟音频通过采样、量化转换成有限个数字表示的离散序列（即实现音频数字化）
PCM 数据由以下几部分组成:
Sample Rate: 采样频率(采样率), 记录声音时每秒的采样个数(如: 44.1kHz 表示 1 秒钟的采样数据点是 44100 个)Sign: 音频数据是否是有符号的Sample Size: 采样精度(位深度). 记录声音的动态范围,位(bit)为单位, 通常该值为 16-bitByte Ordering: 音频数据的存储字节序Number of Channels: 声道数(单声道 1 channel, 立体声 2 channels)
最 high 部分可以理解为音量最高的部分, 也就是振幅最高部分, 所以可以通过获取通道的 PCM 数据, 通过振幅的大小(也就是 channelData 中绝对值大小) 来判断声音最高部分
代码文字描述:
fetch获取歌曲, 通过Body.arrayBuffer()获取arrayBuffer(用来表示通用的、固定长度的原始二进制数据缓冲区)- 用
AudioContext.decodeAudioData(arrayBuffer)获取audioBuffer(表示 decodedData, PCM 脉冲编码调制的音频编码格式数据)audioBuffer.getChannelData(0)(包含与通道关联的 PCM 数据, 0 表示第一个通道)- 通过
channelData计算 X 秒时间内,channelData绝对值累加最高的是哪一段, 这一段就是最high的部分(实际处理的时候, 进行了取样, 来减少数据传输量)
代码位置: audio-peak.ts
如何部署
# 安装 docker 和 docker-compose
# 创建一个文件夹, 比如 my-music
mkdir my-music
# 复制 devtools/docker-compose.yml 文件 到 my-music 下
cp devtools/docker-compose.yml my-music/docker-compose.yml
# 复制 devtools/.env-example文件到 my-music下, 并命名为 .env
cp devtools/.env-example my-music/.env
# 修改 my-music/.env 中 MONGO_URL (数据库链接) 和 PORT (端口)
# 启动
docker-compose pull && docker-compose up -d