koa2搭建视频播放功能

发布日期:2020-02-02

  1. 安装koa     npm install koa2
  2. 安装静态资源 koa-static   npm install koa-static
  3. 安装封片加载框架 koa-range  npm install koa-range

koa-range的作用?

http协议从1.1开始支持获取文件的部分内容,这为并行下载以及断点续传提供了技术支持。它通过在Header里两个参数实现的,客户端发请求时对应的是Range,服务器端响应时对应的是Content-Range

koa代码

//引入Koa
const koa=require('koa');
const serve = require('koa-static');
var range = require('koa-range');

const app=new koa();
app.use(range);
/**静态资源(服务端) */
app.use(serve(__dirname + "/public"));

//监听端口
app.listen(3000);

html5播放器源码

<video controls="controls">
    <source src="./1.mp4" type="video/mp4" />
    <source src="movie.webm" type="video/webm" />
    Your browser does not support the video tag.
</video>