Node 服务器上的视频流仅在 Firefox 上无法正常工作?
Video stream on Node server not working properly on Firefox only?
我的目标是将视频文件流式传输成块,而不是一次加载和播放整个文件。它在 Google Chrome 上运行良好,我能够在将块大小记录到控制台时看到它们。现在,当我在 firefox 上尝试此操作时,但控制台上没有任何记录。视频会播放,但我无法快进超过 10 分钟左右的标记。只是好奇为什么它在 Chrome 而不是 firefox 中完美运行?
router.get("/video", ensureAuthenticated, function(req, res) {
var id = req.query.id;
let path = "";
for (let k in movieLinks) {
if (k === id) {
path = movieLinks[k]
}
}
// const path = "public/movies/noes2.mp4";
const stat = fs.statSync(path);
const fileSize = stat.size;
const range = req.headers.range;
if (range) {
const parts = range.replace(/bytes=/, "").split("-");
const start = parseInt(parts[0],10);
const end = parts[1] ? parseInt(parts[1], 10) : fileSize-1;
const chunkSize = (end - start) + 1;
console.log('RANGE: ' + start + ' - ' + end + ' = ' + chunkSize);
const file = fs.createReadStream(path, {start,end} );
const head = {
'Content-Range' : `bytes ${start}-${end}/${fileSize}`,
'Content-Ranges' : 'bytes',
'Content-Length' : chunkSize,
'Content-Type' : 'video/mp4'
}
res.writeHead(206, head);
file.pipe(res);
} else {
const head = {
'Content-Length' : fileSize,
'Content-Type' : 'video/mp4'
}
res.writeHead(200,head);
fs.createReadStream(path).pipe(res);
}
// res.render('video', {layout: 'videoLayout'});
})
我在使用工具调用 ffmpeg.
拆分视频文件之前完成了此操作
您可以使用下面的脚本将您的视频分成 30 秒的块,从 s3 存储桶或它们所在的任何地方读取它们。这将使浏览器下载更容易。
ffmpeg 脚本示例:
ffmpeg -i input -c copy -segment_time 30 -f segment input.mov
希望对您有所帮助
我的目标是将视频文件流式传输成块,而不是一次加载和播放整个文件。它在 Google Chrome 上运行良好,我能够在将块大小记录到控制台时看到它们。现在,当我在 firefox 上尝试此操作时,但控制台上没有任何记录。视频会播放,但我无法快进超过 10 分钟左右的标记。只是好奇为什么它在 Chrome 而不是 firefox 中完美运行?
router.get("/video", ensureAuthenticated, function(req, res) {
var id = req.query.id;
let path = "";
for (let k in movieLinks) {
if (k === id) {
path = movieLinks[k]
}
}
// const path = "public/movies/noes2.mp4";
const stat = fs.statSync(path);
const fileSize = stat.size;
const range = req.headers.range;
if (range) {
const parts = range.replace(/bytes=/, "").split("-");
const start = parseInt(parts[0],10);
const end = parts[1] ? parseInt(parts[1], 10) : fileSize-1;
const chunkSize = (end - start) + 1;
console.log('RANGE: ' + start + ' - ' + end + ' = ' + chunkSize);
const file = fs.createReadStream(path, {start,end} );
const head = {
'Content-Range' : `bytes ${start}-${end}/${fileSize}`,
'Content-Ranges' : 'bytes',
'Content-Length' : chunkSize,
'Content-Type' : 'video/mp4'
}
res.writeHead(206, head);
file.pipe(res);
} else {
const head = {
'Content-Length' : fileSize,
'Content-Type' : 'video/mp4'
}
res.writeHead(200,head);
fs.createReadStream(path).pipe(res);
}
// res.render('video', {layout: 'videoLayout'});
})
我在使用工具调用 ffmpeg.
拆分视频文件之前完成了此操作您可以使用下面的脚本将您的视频分成 30 秒的块,从 s3 存储桶或它们所在的任何地方读取它们。这将使浏览器下载更容易。
ffmpeg 脚本示例:
ffmpeg -i input -c copy -segment_time 30 -f segment input.mov
希望对您有所帮助