[英]Node.js how to stream audio file
我有一个node.js,我想将音频文件流式传输到浏览器。 这是我处理的路线:
routes['/v1/tracks/:id/file'] = {
get: async (ctx, next) => {
let tracks = await File.find({
trackId: ctx.params.id,
sort: 'bitrate',
direction: 'desc',
limit: 3
});
let stat = fs.statSync(tracks[0].data.path);
let mimeType = 'audio/mpeg';
let opts = {}, res = 200;
let resHeaders = {
'Content-Type': mimeType,
'Content-Length': stat.size,
'Accept-Ranges': 'bytes'
};
if (ctx.headers.accept !== '*/*') {
ctx.res.writeHead(200, resHeaders);
return;
}
if (ctx.headers['range']) {
let [b, range] = ctx.headers['range'].split('=');
console.log(b, range);
if (b === 'bytes') {
let [start, end] = range.split('-');
if (!end || end === '' || end < start)
end = stat.size;
opts = {
start: start - 0,
end: end - 0
};
res = 206;
resHeaders['Content-Range'] = `bytes ${start}-${end}/${stat.size}`;
}
}
ctx.res.writeHead(res, resHeaders);
ctx.body = fs.createReadStream(tracks[0].data.path, opts);
}
}
然后,当我尝试访问Chrome中的URL时,它将发送两个请求。
第一:
Request Headers:
GET /v1/tracks/ghHxLPNt8Fayfx1d/file HTTP/1.1
Host: localhost:3000
Connection: keep-alive
Upgrade-Insecure-Requests: 1
User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/55.0.2883.95 Safari/537.36
Accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,*/*;q=0.8
Accept-Encoding: gzip, deflate, sdch, br
Accept-Language: fr-FR,fr;q=0.8,en-US;q=0.6,en;q=0.4
Response Headers:
HTTP/1.1 200 OK
X-Powered-By: Express
Content-Type: audio/mpeg
Content-Length: 5986643
Accept-Ranges: bytes
Date: Fri, 23 Dec 2016 14:09:27 GMT
Connection: keep-alive
第二个:
Request headers:
GET /v1/tracks/ghHxLPNt8Fayfx1d/file HTTP/1.1
Host: localhost:3000
Connection: keep-alive
Accept-Encoding: identity;q=1, *;q=0
User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/55.0.2883.95 Safari/537.36
Accept: */*
Referer: http://localhost:3000/v1/tracks/ghHxLPNt8Fayfx1d/file
Accept-Language: fr-FR,fr;q=0.8,en-US;q=0.6,en;q=0.4
Range: bytes=0-
Response headers:
HTTP/1.1 206 Partial Content
X-Powered-By: Express
Content-Type: audio/mpeg
Content-Length: 5986643
Accept-Ranges: bytes
Content-Range: bytes 0-5986643/5986643
Date: Fri, 23 Dec 2016 14:09:28 GMT
Connection: keep-alive
但是,它不起作用。 Chrome只会显示带有播放按钮的空白曲目,但没有任何内容不会显示曲目长度,我也无法与之互动。 Safari仅显示加载中。
编辑:
如果删除一堆代码(有关部分内容的所有内容),我可以使它工作,但它不会让我走到位,只能从头到尾播放它。 我也可以使用在这里写的代码( Ctrl + S )下载它,然后正常播放
经过大量研究终于可以了,一个字节是问题的原因。
新代码:
if (ctx.headers['range']) {
let [b, range] = ctx.headers['range'].split('=');
console.log(b, range);
if (b === 'bytes') {
let [start, end] = range.split('-');
if (!end || end === '' || end < start)
end = stat.size - 1;
opts = {
start: start - 0,
end: end - 0
};
res = 206;
resHeaders['Content-Range'] = `bytes ${start}-${end}/${stat.size}`;
resHeaders['Content-Length'] = end - start + 1;
}
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.