Node js express framework потоковая передача видео не работает во второй раз

Попытка реализовать приложение, в котором пользователь может выбирать и воспроизводить любое видео из списка. При первом запуске он работает очень плавно, потоковая передача и все такое, но как только я нажимаю кнопку выхода или обратно и воспроизводю другое видео, просто получаю черный видеоплеер. Ниже приведен код для воспроизведения видео:

    app.get('/video', function(req, res) {
  var getVideoID = req.headers["referer"];
  getVideoID = getVideoID.substring(getVideoID.indexOf(" = ")+1,getVideoID.Length);
  const path = video_path[getVideoID];//'assets/electronic_effects.flv'
  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);
    var end = parts[1]
      ? parseInt(parts[1], 10)
      : fileSize-1;

    var chunksize = (end-start)+1;
    var maxChunk = 1024 * 1024; // 1MB at a time
    if (chunksize > maxChunk) {
      end = start + maxChunk - 1;
      chunksize = (end - start) + 1;
    }
    file = fs.createReadStream(path, {start, end, autoClose: true})
    .on("open", function() {
          file.pipe(res);
    })
    .on('end', function () {
      console.info('stream end');
    })
    .on('close', function () {
      console.info('stream close');
    });
    const head = {
      'Content-Range': `bytes ${start}-${end}/${fileSize}`,
      'Accept-Ranges': 'bytes',
      'Content-Length': chunksize,
      'Content-Type': 'video/mp4',
    }

    res.writeHead(206, head);

  } else {
    const head = {
      'Content-Length': fileSize,
      'Content-Type': 'video/mp4',
    }
    res.writeHead(200, head)
    fs.createReadStream(path).pipe(res)
  }
})

Черный экран ужаса при втором доступе к видео. Черный видеоплеер

Я чувствую, что ручей не приближается. Любая помощь будет оценена по достоинству. Здесь впервые используется узел. Простите за глупые ошибки;) Заранее спасибо.

Похоже, file - это глобальная переменная (нет var / let). Ты уверен в этом? Таким образом, последовательные запросы перезаписывают одну и ту же ссылку. Может быть проблема?

Wiktor Zychla 11.10.2018 20:32

сделал file местным, все равно без разницы.

Vaibhav 11.10.2018 21:25

какое-нибудь обновление / решение для этого? застрял на этом

Vaibhav 11.01.2019 16:41

Вы пробовали это отладить?

Wiktor Zychla 11.01.2019 18:43

да. Второй раз получаю диапазон как, Start :0 :: end :1048575 :: totalChunks :0 <br /> Start :257359872 :: end :258125235 :: totalChunks :1048576

Vaibhav 13.01.2019 14:33

Есть ли такая же проблема с исходным кодом Диого Спинола? github.com/daspinola/video-stream-sample

Wiktor Zychla 14.01.2019 10:33

Да .. точно такой же код.

Vaibhav 15.01.2019 14:26
Стоит ли изучать PHP в 2026-2027 годах?
Стоит ли изучать PHP в 2026-2027 годах?
Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest
В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Пользовательский скаляр GraphQL
Пользовательский скаляр GraphQL
Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип...
0
7
155
0

Другие вопросы по теме