加载中...
PAGE

js 获取音乐的音频音谱

Post on 2021-10-28 138 0

本文章记录一下js获取音乐的音频音谱信息的方法

var audio = new Audio("金坷垃三人组 - 获元钾.mp3");
var AudioContext = new (window.AudioContext || window.webkitAudioContext)();
var source = AudioContext.createMediaElementSource(audio)
var analyser = AudioContext.createAnalyser();
source.connect(analyser);
analyser.connect(AudioContext.destination)
audio.play()

首先需要通过Audio加载音乐的文件
后面就是通过AudioContext去加载音乐的信息

var output = new Uint8Array(1024);//这里可以设置获取数组的长度
(function createAudio(){
	analyser.getByteFrequencyData(output);
	console.log(output)
	requestAnimationFrame(createAudio)
})()

在音乐播放的同时通过不停的调用getByteFrequencyData可以获取音频的数组
音频
这是使用获取的音频绘制的环形频谱

参考:
HTML5 Canvas 实现简易 绘制音乐环形频谱图

js 10分钟学会隐式转换

js 10分钟学会隐式转换

阅读更多
docker 学习笔记记录

docker 学习笔记记录

阅读更多
nginx 配置txt文件单独访问链接

nginx 配置txt文件单独访问链接

阅读更多

暂无评论

    发表评论
    返回顶部
    X