Html 播放存储在服务器上的音频文件的最佳方式是什么？

我上传了很多音频记录到我的服务器上。每一张唱片的持续时间约为45分钟。我想在我的网站上像youtube一样播放这些文件，但只能以音频格式播放。我正在使用Web音频API，我听说了html5本地存储。使用此html本地存储还是直接从服务器存储播放文件更好？

---

如何从存储我的网站的服务器上的绝对路径播放文件？这可以用xmlHttpRequest或者什么来完成吗？

这个功能齐全的nodejs服务器可能会给您带来一些吸引力。。。在服务器上将以下代码另存为文件media_server.js

// usage 
// node this_file.js


var http = require('http'),
    fs = require('fs'),
    util = require('util');

// var path = "/path/to/audio/or/video/file/local/to/server/cool.mp4"; // put any audio or video file here
var path = "/home/stens/Dropbox/Documents/data/audio/Justice_Genesis_first_10_seconds_june.flac"; 

var port = 8888;
var host = "localhost";  //  update if using a real server not your laptop

http.createServer(function (req, res) {

  var stat = fs.statSync(path);
  var total = stat.size;

  if (req.headers.range) { // meaning client (browser) has moved the forward/back slider
                           // which has sent this request back to this server logic ... cool
    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;
    console.log('RANGE: ' + start + ' - ' + end + ' = ' + chunksize);

    var file = fs.createReadStream(path, {start: start, end: end});
    res.writeHead(206, { 'Content-Range': 'bytes ' + start + '-' + end + '/' + total, 'Accept-Ranges': 'bytes', 'Content-Length': chunksize, 'Content-Type': 'video/mp4' });
    file.pipe(res);

  } else {

    console.log('ALL: ' + total);
    res.writeHead(200, { 'Content-Length': total, 'Content-Type': 'video/mp4' }); // muck with making this dynamically match source media type
    fs.createReadStream(path).pipe(res);
  }
}).listen(port, host);

console.log("Server running at http://" + host + ":" + port + "/");

然后通过在服务器端发出nodejs调用来执行它（您的笔记本电脑在这里也可以正常工作；-）

这将启动服务器，监听所选端口8888。。。现在只需根据URL将浏览器指向该主机和端口

---

它会将媒体流（而不是下载）到您的浏览器上，并呈现音频或视频。。。享受

没关系，但我已经编写了整个布局和自定义音频播放器，但主要问题是客户端需要等待文件下载到浏览器上，所以响应时间很差。我可以保留我的布局和音频播放器，但要立即启动音频。你可以在这里看到

node media_server.js