视频播放进行加密

视频播放进行加密

后端

koa

• 安装需要安装的模块。

npm install koa
npm install koa-router
npm install koa-static
复制代码

• 搭建服务器

// 引入(编写app.js服务器文件)
const koa = require('koa')
const static = require('koa-static')
const fs = require('fs')
// 实例化koa
const app = new koa()
// 配置静态资源中间件
app.use(static(__dirname + '/static'))
async (ctx, next) => {
    try {
      //异步读取服务器的视频
      let data = fs.readFileSync('video/01.mp4')
      ctx.response.body = data
    } catch (e) {
      return Promise.reject({
        status: 500,
        message: '视频传输错误'
      })
    }
  }
// 监听端口
app.listen(3000,()=>{
    console.log('启动成功')
})
复制代码

前端

HTML

<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
<video id="play" controls="controls" autoplay="autoplay" heigth="50%" width="50%"></video>
复制代码

JavaScript

var xhr = new XMLHttpRequest();
xhr.open('GET', '/video', true)
xhr.responseType = 'blob'
xhr.onload = function(e) {
    if (this.status === 200) {
        // 获取blob对象
        var blob = this.response
        console.log(blob)
        // 获取blob对象地址，并把值赋给容器
        $("#play").attr("src", URL.createObjectURL(blob));
    }
}
xhr.send()
复制代码

实现效果

转载于:https://juejin.im/post/5cd29e94f265da035a1f35fc