html - 播放存储在服务器计算机上的音频文件的最佳方法是什么？

Question

我将很多音频记录上传到服务器。每条记录的持续时间约为45分钟。我想在YouTube等YouTube网站上播放此文件，但只能以音频格式播放。我正在使用Web音频API，并且听说了html5本地存储。使用此html本地存储还是直接从服务器存储播放文件更好？
如何从存储我的网站的服务器上的绝对路径播放文件？可以使用xmlHttpRequest来完成吗？

Answer 1

这个功能齐全的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调用来执行它(您的笔记本电脑在这里也可以正常工作；-)

node media_server.js

这将启动一个服务器，侦听所选的端口8888 ...现在只需按照URL将浏览器指向该主机和端口

http://localhost:8888/

它将流媒体(而不是下载)媒体到您的浏览器并呈现音频或视频...享受