[英]Node - Can't seek audio stream
我創建了一個簡單的服務器,它使用 fs 模塊將 mp3 文件流式傳輸到瀏覽器,瀏覽器在 html5 音頻元素中播放它。 事實上,音頻流非常好,但是,即使我尋求的部分已經被緩沖,我也無法通過流進行搜索。
var express = require('express');
var app = express();
var fs = require('fs');
app.get('/', function (req, res) {
var filePath = 'music.mp3';
var stat = fs.statSync(filePath);
res.writeHead(200, {
'Content-Type': 'audio/mpeg',
'Content-Length': stat.size,
});
var readStream = fs.createReadStream(filePath);
readStream.pipe(res);
});
其他類似的問答建議添加 Content-Range 標頭,但我找不到如何執行此操作的簡單示例。 其他人說使用 206 Partial-Content 標頭,但是當我這樣做時,音頻根本不會播放。
這是一個演示(在 Windows 上的 chrome 上測試)
從這個問題中未接受的答案之一調整代碼:
var express = require('express'),
fs = require('fs'),
app = express()
app.get('/', function (req, res) {
var filePath = 'music.mp3';
var stat = fs.statSync(filePath);
var total = stat.size;
if (req.headers.range) {
var range = req.headers.range;
var parts = range.replace(/bytes=/, "").split("-");
var partialstart = parts[0];
var partialend = parts[1];
var start = parseInt(partialstart, 10);
var end = partialend ? parseInt(partialend, 10) : total-1;
var chunksize = (end-start)+1;
var readStream = fs.createReadStream(filePath, {start: start, end: end});
res.writeHead(206, {
'Content-Range': 'bytes ' + start + '-' + end + '/' + total,
'Accept-Ranges': 'bytes', 'Content-Length': chunksize,
'Content-Type': 'audio/mpeg'
});
readStream.pipe(res);
} else {
res.writeHead(200, { 'Content-Length': total, 'Content-Type': 'audio/mpeg' });
fs.createReadStream(filePath).pipe(res);
}
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.