使用nodejs做一个视频播放流，可以拖动进度

要实现视频播放流并支持拖动进度条，可以使用Node.js的HTTP模块和流式传输技术，结合HTML5的`<video>`标签和JavaScript来实现。

下面是一个简单的Node.js代码示例，可以实现视频播放流和拖动进度条的功能：

const http = require('http');
const fs = require('fs');

const videoPath = 'path\\to\\video.mp4';

http.createServer((req, res) => {
  // 读取视频文件
  const stat = fs.statSync(videoPath);
  const fileSize = stat.size;
  const range = req.headers.range;

  // 计算视频范围
  let start = 0;
  let end = fileSize - 1;
  if (range) {
    const parts = range.replace(/bytes=/, '').split('-');
    const partialStart = parts[0];
    const partialEnd = parts[1];

    start = parseInt(partialStart, 10);
    end = partialEnd ? parseInt(partialEnd, 10) : fileSize - 1;
  }

  const chunksize = end - start + 1;
  const file = fs.createReadStream(videoPath, { 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);

}).listen(8000, () => {
  console.log('Server is running on port 8000');
});

在上面的代码中，首先使用`fs.statSync`方法获取视频文件的大小，并根据请求头中的`Range`参数设置视频范围。然后创建一个`ReadStream`对象，用于读取视频文件的指定范围。接着，设置响应头，以及把视频流传输到响应中。

在客户端页面中，可以使用HTML5的`<video>`标签来播放视频。例如：

<video id="video" width="640" height="480" controls>
  <source src="http://localhost:8000" type="video/mp4">
</video>

上述代码中，`<source>`标签指定了视频文件的URL地址，并设置了MIME类型为`video/mp4`。`controls`属性可以自动添加视频播放器的控制条，包括播放按钮、暂停按钮、音量控制、进度条等。

为了支持拖动进度条，可以使用JavaScript来监听`<video>`标签的`timeupdate`事件，以及进度条的`input`事件。例如：

const video = document.getElementById('video');
const progressBar = document.getElementById('progress-bar');

// 监听视频时间更新事件
video.addEventListener('timeupdate', () => {
  const progress = Math.floor(video.currentTime) / Math.floor(video.duration) * 100;
  progressBar.value = progress;
});

// 监听进度条输入事件
progressBar.addEventListener('input', () => {
  const time = video.duration * (progressBar.value / 100);
  video.currentTime = time;
});

在上述代码中，`timeupdate`事件会在视频播放进度发生变化时触发，计算当前进度百分比，并把进度条的值设置为当前进度百分比。`input`事件会在进度条值发生变化时触发，计算当前时间，并设置视频的当前播放时间为当前时间。

使用上述代码，可以实现一个支持视频播放流和拖动进度条的视频播放器。当客户端请求视频资源时，服务器会把视频流传输到客户端，并且客户端可以通过播放器来播放视频，并且支持拖动进度条。