視頻播放進行加密

視頻播放進行加密

後端

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()
複製代碼

實現效果