原生node返回视频文件流，实现视频播放。

最新推荐文章于 2023-09-10 18:14:18 发布

先吃口饭

最新推荐文章于 2023-09-10 18:14:18 发布

阅读量783

点赞数 1

文章标签：音视频数学建模 matlab

本文链接：https://blog.csdn.net/weixin_46071192/article/details/131132707

版权

HTML 部分：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>播放器</title>
</head>
<body>
  <div>俺是播放器</div>
  <video src="http://localhost:8083/video" width="500" controls></video>
</body>
</html>

Node 部分：

const fs = require('fs')
const path = require('path')
const http = require('http')
const { stat } = require('fs').promises

const indexPath = path.join(__dirname, 'index.html')
const videoPath = path.join(__dirname, 'video', 'demo_video.mp4')
const server = http.createServer(async (req, res) => {
  const { url } = req
  if (url == '/') {
    res.writeHead(200, { 'Content-Type': 'text/html;charset=UTF-8' })
    res.write(fs.readFileSync(indexPath))
  }
  if (url == '/video') {
    let range = req.headers['range']
    if (range) {
      let stats = await stat(videoPath)
      let r = range.match(/=(\d+)-(\d+)?/)
      let start = parseInt(r[1], 10)
      let end = r[2] ? parseInt(r[2], 10) : start + 1024 * 1024
      if (end > stats.size - 1) end = stats.size - 1

      const head = {
        'Content-Type': 'video/mp4',
        'Content-Range': `bytes ${start}-${end}/${stats.size}`,
        'Content-Length': end - start + 1,
        'Accept-Ranges': 'byte',
      }
      res.writeHead(206, head)
      fs.createReadStream(videoPath, { start, end }).pipe(res)
    } else {
      fs.createReadStream(videoPath).pipe(res)
    }
  }
})

server.listen(8083, () => {
  console.log('server start')
})