- 创建AudioContext
var audioCtx = new (window.AudioContext || webkitAudioContext)() - 链接音频
var audio = document.getElementById('audio1')
var source = audioCtx.createMediaElementSource(audio) - 分析音频内容
var analyzer = audioCtx.createAnalyser()
var bufferLength = analyzer.fftSize // 创建获取音频数据的缓冲buffer
var dataArray = new Uint8Array(bufferLength)
source.connect(analyzer) ////连接分析和音频
analyer.getByteTimeDomailData(dataArray) //将当前的音频数据拷贝进Uint8Array数组中
Web Api
- AudioContext.createMediaElementSource(HTMLMediaElement)
创建一个MediaElementAudioSourceNode接口来关联HTMLMediaElement,处理播放来自video 和 audio 元素的音频 - AudioContext.createMediaStreamSource(MediaStream)
创建一个MediaStreamAudioSourceNode接口来关联本地麦克风或者是其他的音频流 - AudioContext.createAnalyser()
创建音频的时间和频率的数据
网友评论