Спросите руководства, чтобы сделать видео веб-приложение - PullRequest
0 голосов
/ 28 мая 2020

Я пытаюсь создать веб-приложение, которое может загружать файл через 'html входной файл', воспроизводить видео на определенных html и искать временной код, в котором пользователи хотят воспроизвести.

Я хочу чтобы сделать эти функции на основе node.js и express.

Я нашел несколько руководств, но они основаны на системном файле, а не на вводе пользователя.

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'));

Есть ли какие-либо руководство по созданию потокового видео со строкой буфера, а не с системного пути?

посоветуйте, пожалуйста,

1 Ответ

0 голосов
/ 30 мая 2020

Почему бы просто не использовать обычный тег video HTML5 video? если ваше видео: https://example.com/myvideo.mp4

, вы можете просто добавить #t=10,20, и видео начнется через 10 секунд и остановится через 10 секунд (через 20 секунд видео).

Это будет выглядеть так: https://example.com/myvideo.mp4#t=10,20

источник: HTML5 Скалы

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...