0
我上傳了很多音頻記錄到我的服務器。每個記錄的持續時間約爲45分鐘。我想在youtube等網站上播放這些文件,但只能以音頻格式播放。我正在使用Web音頻API,並且我聽說過有關html5本地存儲的信息。使用這個html本地存儲是更好還是直接從服務器存儲播放文件? 如何從服務器上的絕對路徑播放文件存儲我的網站?這可以使用xmlHttpRequest或什麼來完成?播放存儲在服務器機器上的音頻文件的最佳方式是什麼?
我上傳了很多音頻記錄到我的服務器。每個記錄的持續時間約爲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執行它(你的筆記本電腦工作得很好,這裏太;-)
node media_server.js
將旋轉了一個服務器監聽選擇的端口8888 ...現在只是在該主機和端口作爲每個URL指向您的瀏覽器
,它將流(不是下載)的媒體到您的瀏覽器和渲染的音頻或視頻...享受
這是正常的,但我有整個佈局書面和我的自定義音頻播放器,但主要問題是客戶端需要等待文件被下載到瀏覽器上,所以響應時間不好。我可以保留我的佈局和音頻播放器,但要立即啓動音頻。你可以在這裏看到http://naucikako.com/audio/RTI/3/SS/V/2013-2014/3-dvocas/1?id=557 –