js拼接多個音頻文件

js拼接多個音頻文件

• 想要將多段音頻拼接起來其實很簡單，下面我們將來實現這個需求

1.定義獲取音頻文件Arraybuffer的方法getArraybuffer

function getArraybuffer (url) {
	fetch(audio1Url).then(res => {
		return res.arrayBuffer()
	})
}

2.上面的準備工作已經準備就緒了，下面進入正題了

// 準備需要合併的音頻
const audio1Url = './audio1.mp3'
const audio2Url = './audio2.mp3'
// 這裏使用async，不清楚的先左拐先看下async的使用
async function concatAudios (audio1Url, audio2Url) {
	// 獲取兩個音頻的arraybuffer
	const audio1Arraybuffer = await getArraybuffer(audio1Url)
	const audio2Arraybuffer = await getArraybuffer(audio2Url)
	return new Blob([newArraybuffer, audio2Arraybuffer], {
		type: 'audio/mp3'
	})
}

到這裏concatAudios方法就已經實現了將兩個音頻url合併成一個音頻並返回合併後的blob文件