节点 - 无法寻找音频流

Question

我创建了一个简单的服务器，它使用 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 标头，但是当我这样做时，音频根本不会播放。

这是demo（在 windows 上的 chrome 上测试）

Answer 1

更新：由于这个答案不断获得投票，我想我需要确保阅读此文的每个人都知道这不是在 mp3 中寻找精确时间的正确方法 文件（@jayarjo 在评论中强调）。据我所知，在字节大小和时间之间进行转换的最佳方法是利用 Web - Video : bytes range to time 建议的其他工具，例如 ffprobe。

---

根据this question 中未接受的答案之一调整代码：

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);
     }
});