2

我正在使用托管在 node.js 服务器上的以下 HTML 进行测试：

<!doctype html>
<html>
<head>
    <meta charset='utf-8'>
    <title>Audio Testing</title>
</head>
<body>
    <audio src='/public/tests/audioTest.mp3' controls autoplay loop></audio>
</body>
</html>

问题是音频只会在页面加载时播放一次（仅限 Chrome，因为它是 mp3）。

我怀疑这是一个 node.js 问题，因为当我通过在没有任何网络服务器的情况下加载 HTML 文件在本地测试它时，音频循环正常。它也可以在我测试过的 Apache 服务器上按预期工作。此外，如果我链接到托管在 Apache 服务器上的 mp3 文件，它仍然可以按预期使用节点服务器提供的 HTML。

编码为base64时，音频也可以正常循环。

我正在使用 node.js 的 0.8.14 版本。可以在此处访问节点上托管的代码的现场演示。

编辑 服务器有一个名为“public”的目录，如果有请求，服务器将始终从该目录中提供文件。音频文件和 html 页面都在“public”目录中。

node.js 服务端代码如下：

var http = require('http');
var fs = require('fs');
var mime = require('mime');//Third party library for looking up mime types
var handleRequest = function(req, res) {
  if (req.url === '/') {
    fs.createReadStream(__dirname+'/public/homePage.html').pipe(res);
    return;
  }
  else if (req.url === '/favicon.ico') {
    fs.createReadStream(__dirname+'/public/favicon.ico').pipe(res);
    return;
  }
  else if (req.url.substr(0, 7) === '/public') {
    var mim = mime.lookup(req.url);
    var ext = mime.extension(mim);
    console.log('mime '+mim+' ext '+ext);
    if (ext !== 'bin') {
        fs.exists(__dirname+'/'+req.url, function(exists) {
            if (exists) {
                    if (req.headers.range) {
        var filename = __dirname+req.url;
        fs.readFile(filename, 'binary', function(err, file) {
          var header = {};
          var range = req.headers.range; 
          var parts = range.replace(/bytes=/, "").split("-"); 
          var partialstart = parts[0]; 
          var partialend = parts[1]; 

          var total = file.length; 

          var start = parseInt(partialstart, 10); 
          var end = partialend ? parseInt(partialend, 10) : total-1;

          header["Content-Range"] = "bytes " + start + "-" + end + "/" + (total);
          header["Accept-Ranges"] = "bytes";
          header["Content-Length"]= (end-start)+1;
          //header['Transfer-Encoding'] = 'chunked';
          header["Connection"] = "close";

          res.writeHead(206, header); 
          res.write(file.slice(start, end)+'0', "binary");
          res.end();
          return;
        });
      }
      else {
        res.writeHead(200,{'Content-Type':mim});
        fs.createReadStream(__dirname+'/'+req.url).pipe(res);
        return;
      }
            else {res.end();}
        });
    }
    else {res.end();}
  }
  else {res.end();}
};
var server = http.createServer(handleRequest);
server.listen(8888);//Listening on port 8888
4

1 回答 1

1

我怀疑这是因为您的 Node.js 服务器没有响应范围请求。

Chrome 正在为文件中的特定字节集发送范围请求。我不知道为什么如果没有在响应中获取这些字节就无法循环，但这应该是唯一的区别。

于 2013-06-02T04:41:08.943 回答