Потоковое видео с nodejs - PullRequest
Новая
       7

Потоковое видео с nodejs

0 голосов
/ 09 апреля 2020

Как мы можем передавать потоковое видео со звуком с узла без socket.io. Я пробовал iframe, но он не соответствует моим требованиям.

1 Ответ

0 голосов
/ 09 апреля 2020

Пожалуйста, попробуйте вот так

сервер js

const express = require('express')
const fs = require('fs')
const path = require('path')
const app = express()

app.use(express.static(path.join(__dirname, 'public')))

app.get('/', function(req, res) {
  res.sendFile(path.join(__dirname + '/index.htm'))
})

app.get('/video', function(req, res) {
  const path = 'assets/samplevideo.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

    if(start >= fileSize) {
      res.status(416).send('Requested range not satisfiable\n'+start+' >= '+fileSize);
      return
    }

    const chunksize = (end-start)+1
    const file = fs.createReadStream(path, {start, end})
    const head = {
      'Content-Range': `bytes ${start}-${end}/${fileSize}`,
      'Accept-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)
  }
})

app.listen(3000, function () {
  console.log('Listening on port 3000!')
})

html

<html>
  <head>
    <title>Video stream sample</title>
  </head>
  <body>
    <video id="videoPlayer" controls autoplay> 
      <source src="http://localhost:3000/video" type="video/mp4">
    </video>
  </body>
</html>

Flow

  1. Когда сделан запрос, мы получаем размер файла и отправляем первые несколько фрагментов видео в операторе else.

  2. Когда мы начинаем смотреть видео (путем доступа к маршруту через localhost: 3000 / видео или из внешнего интерфейса), выполняются последующие запросы, на этот раз с диапазоном в заголовке, чтобы мы знали начальную точку нашего следующего фрагмента.

  3. Чтение файл снова для создания другого потока, передавая новое значение для начала и конца (которое, скорее всего, будет текущей частью, которая пришла в заголовке запроса и размером файла видео).

  4. Мы устанавливаем наш ответ заголовка 206 для отправки только части нашего нового потока, применяя формулу

...