我正在尝试制作可以通过“ html输入文件”上传文件,在某些html上播放视频,并查找用户想要播放的时间码。
我想基于node.js并表达这些功能。
我找到了一些教程,但是它们基于系统文件,而不是来自用户的输入。
const { createServer } = require('http');
const {
stat,
createReadStream,
createWriteStream
} = require('fs');
const { promisify } = require('util');
const fileName = '../../powder-day.mp4';
const fileInfo = promisify(stat);
const multiparty = require('multiparty');
const respondWithVideo = async (req, res) => {
const { size } = await fileInfo(fileName);
await console.log(fileInfo(fileName));
const range = req.headers.range;
if (range) {
let [start, end] = range.replace(/bytes=/, '').split('-');
start = parseInt(start, 10);
end = end ? parseInt(end, 10) : size - 1;
res.writeHead(206, {
'Content-Range': `bytes ${start}-${end}/${size}`,
'Accept-Ranges': 'bytes',
'Content-Length': (end-start) + 1,
'Content-Type': 'video/mp4'
})
createReadStream(fileName, { start, end }).pipe(res);
} else {
res.writeHead(200, {
'Content-Length': size,
'Content-Type': 'video/mp4'
});
createReadStream(fileName).pipe(res);
}
}
createServer((req, res) => {
if (req.method === 'POST') {
let form = new multiparty.Form();
form.on('part', (part) => {
part.pipe(createWriteStream(`./${part.filename}`))
.on('close', () => {
res.writeHead(200, { 'Content-Type': 'text/html' });
res.end(`<h1>File uploaded: ${part.filename}</h1>`);
})
});
form.parse(req);
} else if (req.url === '/video') {
respondWithVideo(req, res);
} else {
res.writeHead(200, { 'Content-Type': 'text/html' });
res.end(`
<form enctype="multipart/form-data" method="POST" action="/">
<input type="file" name="upload-file" />
<button>Upload File</button>
</form>
`);
}
}).listen(3000, () => console.log('server running - 3000'));
是否有使用缓冲字符串而不是从系统路径进行流视频的指南?
请告知
为什么不只使用常规视频HTML5视频标签?如果您的视频是:https://example.com/myvideo.mp4
您可以只附加#t=10,20
,视频将在10秒开始,然后在10秒后停止(视频20秒)。
看起来像这样:https://example.com/myvideo.mp4#t=10,20
来源:HTML5 Rocks