I have created a simple server that uses the fs module to stream an mp3 file to a browser which plays it in an html5 audio element. As it is, the audio streams perfectly fine, however, I can't seek through the stream, even if the part I seek to has already been buffered.
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);
});
Other similar Q&As have suggested to add the Content-Range header, but I can't find a simple example of how to do that. Others have said to use the 206 Partial-Content header, but when I do that the audio won't play at all.
Here's a demo (testing on chrome on windows)
Adjusted code from one of the unaccepted answer in this question: