背景

付费观看视频的模式是很多平台的核心业务,如果视频被录制并非法传播,付费业务将受到严重威胁。因此对视频服务进行加密的技术变得尤为重要。

本文所指的视频加密是为了让要保护的视频不能轻易被下载,即使下载到了也是加密后的内容,其它人解开加密后的内容需要付出非常大的代价。

无法做到严格的让要保护的视频不被录制,原因在于你需要在客户端播放出视频的原内容,解密的流程在客户端的话不法分子就能模拟整个流程,最保守也能用屏幕录制软件录制到视频的原内容(可以通过加水印的方法缓解下)。我们的目标是让他获取原内容的代价更大。

本文为大家提供了一套简单的基于HLS流媒体协议,使用video.js + NodeJS + FFmpeg等相关技术实现的m3u8+ts+aes128视频加密及播放的解决方案示例。

目录

  • 项目简介
  • 项目启动
  • 项目原理
  • 技术栈
  • 源码简析
  • 建议

项目简介

  起初是为了将工作中已有的基于Flash的视频播放器替换为不依赖Flash的HTML5视频播放器,主要使用了现有的video.js开源播放器做的定制化开发。当完成视频播放器的制作后,在进一步延伸Web端视频加密的相关内容时,开始了解并逐渐深入的研究了相关视频加密内容。最终通过整理归纳,以及自身的理解,做了这个简单的Demo。目的是为了能够给在视频加密这方面有相同目的的道友提供微薄的帮助,要是能起到抛砖引玉的效果,自然是再好不过了。

项目启动

1.安装项目环境

  • 安装node、npm环境
  • 根据app目录下的package.json安装对应的npm包
  • 安装ffmpeg

2.启动项目

  • 在app目录下,输入npm start,启动项目
  • 在浏览器中访问 http://localhost:3000
  • 按照页面中的顺序进行相关操作

3.权限登录

  • 用户名:admin
  • 密码:admin

项目原理

  本项目的核心原理其实就是讲解了一个视频源从正常的mp4格式如何变为加密后的m3u8文件+ts文件+key秘钥文件,之后又如何在服务端被限制访问,最终能够在客户端正常播放的视频加密、解密并播放的流程。

项目原理图示

技术栈

  • NodeJS + Express 实现服务器开发
  • FFmpeg + fluent-ffmpeg 实现node环境下的视频转码、加密
  • socket.io 通过websocket相关的类库,实现实时输出FFmpeg进行的视频转码、加密操作
  • video.js + videojs-contrib-hls.js 实现客户端的视频解密及播放
  • html + css + js 实现简单的前端开发

源码简析

项目目录说明

video-hls-encrypt/                   .............................. hls视频加密项目根目录
├── app/                             .............................. express框架默认的app根目录
│   ├── bin/                         .............................. express框架启动的bin目录
│   │   └── www                      .............................. express框架启动的www文件
│   ├── controllers/                 .............................. 项目控制器目录,服务器相关的逻辑代码
│   │   ├── encrypt.js               .............................. 加密逻辑代码
│   │   └── upload.js                .............................. 上传逻辑代码
│   ├── node_modules/                .............................. express框架需要的相关npm依赖包,即package.json文件相对应的依赖包
│   │   └── ...
│   ├── public/                      .............................. express框架静态文件目录,客户端请求的相关静态文件
│   │   ├── javascripts              .............................. 客户端的js文件目录
│   │   │   ├── encrypt.js           .............................. 加密功能相关逻辑代码
│   │   │   ├── index.js             .............................. 主页相关逻辑代码
│   │   │   ├── player.js            .............................. 播放器相关逻辑代码
│   │   │   ├── socket.io.js         .............................. socket.io.js 类库源文件
│   │   │   └── utils.js             .............................. 工具类
│   │   ├── key/                     .............................. 秘钥相关目录
│   │   │   ├── encrypt.key          .............................. 秘钥文件
│   │   │   └── key_info.key         .............................. ffmpeg加密视频转换相关文件
│   │   ├── libs/                    .............................. 第三方类库目录
│   │   │   ├── videojs/             .............................. videojs 相关代码
│   │   │   └── videojs-contrib-hls/ .............................. videojs-contrib-hls 相关代码
│   │   ├── stylesheets/             .............................. css样式目录
│   │   │   └── common.css           .............................. 通用样式表
│   │   └── videos/                  .............................. 视频资源目录
│   │       ├── encrypt/             .............................. 加密后的视频资源目录
│   │       └── noencrypt/           .............................. 加密前的视频资源目录
│   ├── routes/                      .............................. express框架路由目录
│   │   └── router.js                .............................. express路由
│   ├── views/                       .............................. express框架ejs模板目录
│   │   ├── encrypt.ejs              .............................. 视频加密页面
│   │   ├── error.ejs                .............................. 错误页面
│   │   ├── index.ejs                .............................. 主页
│   │   ├── login.ejs                .............................. 登录页面
│   │   ├── player.ejs               .............................. 播放器页面
│   │   └── upload.ejs               .............................. 上传视频页面
│   ├── app.js                       .............................. express程序入口
│   ├── nodemon.json                 .............................. node服务器热更新插件nodemon对应的配置文件
│   └── package.json                 .............................. express框架需要的第三方依赖包配置文件
├── .gitignore
├── README.md                        .............................. 项目说明文档
└── TODO-List.md                     .............................. 项目开发计划文档
复制代码

源码简析

  • 简单的权限判断,app.js中:

    • express的中间件
    • 判断请求的后缀
    • 判断session中是否有用户名,有则允许访问 .key文件;没有则禁止访问
    • 主要是保护.key文件,可以加入其它的权限手段,比如token、session有效时长等等
//静态资源访问限制
app.use(function (req, res, next) {var suffix = /(\.key)$/g;//后缀格式指定if ( suffix.test(req.path)) {console.log(req.session.username,'++++请求key文件了');if((req.session.username != 'admin')){return res.send('请求非法');}else{console.log('+++++请求key文件了,并且已经登录,登录名为:',req.session.username);next();}}else {next();}
});
复制代码
  • 利用FFmpeg对视频进行加密、切片处理,在encrypt.js中:

    • 利用了FFmpeg的切片和加密方法
    • 建议可以深入研究FFmpeg框架的相关api
    • 可以根据实际业务来对视频进行更符合要求的切片处理
/*** 加密处理方法* @param options 加密数据的相关参数* @param socket socket输出* @param callback 回调函数*/
function encryptFun(options,socket, callback) {var _name = options.fileName.split('.')[0];var _type = options.fileName.split('.')[1];var _encryptPath = options.encryptPath + '/' + _name;var _videoPath = options.noencryptPath + '/' + options.fileName;var _keyInfoPath = './public/key/key_info.key';var _outputPath = _encryptPath + '/playlist.m3u8';console.log('begin encrypt Fun');if (_type == 'mp4') {ffmpegCommand(_videoPath).addOption('-hls_time', '10')   //设置每个片段的长度.addOption('-hls_key_info_file', _keyInfoPath).save(_outputPath).on('end', function () {socket.emit('encrypt-event',{msg:'Encrypt the ' + options.fileName + ' file OK!',type:1});callback(null, 'Encrypt the ' + options.fileName + ' file OK!');}).on('stderr', function (stderrLine) {console.log('Stderr output: ' + stderrLine);socket.emit('encrypt-event',{msg:stderrLine});}).on('error', function (err, stdout, stderr) {console.log('Cannot process video: ' + err.message);socket.emit('encrypt-event',{msg:err.message});callback(err, err.message);});}else{callback('type err','file type is not mp4.');}
}
复制代码
  • 视频播放相关逻辑,player.ejs中:

    • 使用了videojs作为播放器插件
    • 使用了videojs-contrib-hls作为切片流解码插件
    • 具体的逻辑代码在player.js中
<script src="javascripts/utils.js"></script>
<script src="libs/videojs/video.min.js"></script>
<script src="libs/videojs-contrib-hls/videojs-contrib-hls.js"></script>
<script src="javascripts/player.js"></script>
复制代码

建议

  • 本项目更多的价值在于展示出一整套的加密原理,同时为了证明这套原理的可行性,做的比较简单的示例。
  • 本项目不会提供相关技术栈的使用教程。
  • 如果需要在实际应用中使用相关原理或技术栈,建议根据实际项目对部分或整体解决方案进行完善和扩展。

杂谈

以下的内容均为个人观点,仅供参考

  由于本人自身是做前端开发的,所以很多相关的示例都是基于前端考虑,对于后端的相应的策略并不是很专业。比如后端服务器,也采用的是偏前端的NodeJS。我想表达的是,在整套解决方案中,我主要做了3件事:

  • 第一,把mp4的视频源通过FFmpeg转换为加密后的m3u8文件和ts文件以及关键的加密密钥key文件;
  • 第二,通过最简单的权限访问,保护加密密钥key文件;
  • 第三,利用video.js及相关的videojs-contrib-hls.js实现客户端的视频文件解密,并播放。

  因此可以看出关于视频加密的解决方案中,最重要的其实是如何保护加密密钥key文件,而这部分工作更多的是在于服务器端的相关策略,比如可以使用cookiesession相关技术、添加自定义token校验、有效时长机制等等方法保证秘钥key文件的相对安全性、可靠性。  

  而如何将视频源文件转化为对应的加密后的文件,可以更多的研究开源库FFmpeg的使用,甚至如果没有迫切需求,可以考虑使用第三方视频云服务商的相关解决方案。至于客户端的视频解密,也可以研究video.js相关的内容。

完整项目

github.com/hauk0101/vi…

参考资料

  • 流媒体加密 : github.com/gwuhaolin/b…
  • Video.js: The Player Framework: videojs.com
  • FFmpeg: www.ffmpeg.org

浏览知识共享许可协议

作者:hauk0101
链接:https://juejin.im/post/6844903846389481480
来源:掘金
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

基于HLS流媒体协议视频加密的解决方案相关推荐

  1. 基于HLS流媒体协议的视频加密方案

    本文只讨论应用于浏览器环境的流媒体协议的加密. 背景 付费观看视频的模式是很多平台的核心业务,如果视频被录制并非法传播,付费业务将受到严重威胁.因此对视频服务进行加密的技术变得尤为重要. 本文所指的视 ...

  2. FLV视频加密系统解决方案

    该FLV视频加密系统主要是针对FLV.F4V这类Flash视频文件进行加密,防止非授权用户的播放. 本系统分为两部分,具体介绍如下: FLV视频加密程序:负责对视频文件进行加密,可以将flv/f4v文 ...

  3. RTSP流媒体协议视频平台EasyNVR和EasyNTS智能云组网同一浏览器运行为什么会导致EasyNTS无法登陆?

    由于EasyNTS智能组网是网络穿透平台,用户在外网可以在通过EasyNTS访问到内网的EasyNVR设备.上周我们在测试EasyNTS的功能时,发现同时在浏览器访问EasyNVR和EasyNTS会导 ...

  4. 【解决方案】基于国标GB28181协议视频智能分析平台EasyCVR/EasyGBS打造的智慧企业AR云景解决方案

    在现今科技发展之下,如果说有什么能再次掀起产业更替大潮,第一时间我们想到的可能是VR/AR,VR/AR最有可能率先实现应用的九大领域:视频游戏.事件直播.视频娱乐.医疗保健.房地产.零售.教育.工程和 ...

  5. 【行业解决方案】基于RTMP推流协议视频智能分析/人脸识别平台EasyDSS,构建智能多媒体展厅解决方案

    近年来,很多展厅都将传统的文字.图片.实物等展示手段扩展为通过信息化将外部的一些视频资源放到本地展厅,实现展示内容的扩充和丰富.过去展厅基本都只是通过设计来创造视觉的设计感,如今已经在发生变化,除了视 ...

  6. 【解决方案】基于国标GB28181协议视频平台EasyGBS搭建的安监行业应急视频监控系统解决方案

    一.方案背景 随着社会经济的不断发展,国内的安全生产事故也时有发生.在我国近年来接连发生的危险品爆炸.煤矿爆炸.天然气井喷及氯气泄漏事故中,事故的原因尽管不同,但都对国家及人民的生命财产造成了巨大损失 ...

  7. FFmpeg之视频封装格式、流媒体协议、视频编解码协议和传输流格式、时间戳和时间基、视频像素数据

    通用视频分析工具:Mediainfo.Elecard StreamEye(视频编码分析工具); 视频封装格式: ********************MP4****************** MP ...

  8. 流媒体协议HLS解析

    参考资料:https://www.cnblogs.com/jimodetiantang/p/9133564.html https://cloud.tencent.com/developer/artic ...

  9. 使用nginx搭建音视频点播服务——基于HLS协议

    文章目录 1 音视频技术 1.1 流媒体 1.2 点播与直播 1.3 HLS流媒体协议 1.4 CDN 2 搭建点播服务(音视频同理) 2.1 nginx服务器 2.2 nginx-vod-modul ...

  10. 自制Linux功能板-新增功能(基于RTMP流媒体传输协议的视频监控)

    目录 一.ffmpeg工具 1.简介 2.移植相关库 二.RTMP的nginx服务器 1.简介 2.移植 三.运行测试 1.启动nginx 2.使用 FFmpeg 推流 引言:小板子能联网还有摄像头, ...

最新文章

  1. Oracle去除表中重复记录
  2. 使用LitePal操作数据库(CRUD增删改查) 项目已上传GitHub
  3. Orbeon form PE 版本 dmv-14 点击 save 按钮之后的执行逻辑
  4. 前端学习(3067):vue+element今日头条管理-频道筛选完成
  5. uc通讯不成功php版本过高,Ucenter通信失败排查方法
  6. linux python 信号,Python模块之信号(signal)
  7. Leetcode--122. 买卖股票的最佳时机Ⅱ
  8. 不删除旧版本java_Linux 卸载旧版jdk 并安装新版jdk(转)
  9. 贝叶斯网络+推理+近似推理+变分法
  10. 大数据_Flink_数据处理_案例WorldCount_批处理版---Flink工作笔记0008
  11. python程序代码大全-Python编程代码示例 - 全文
  12. 学堂在线计算机通信网络,第二章 数据通信的基础知识 计算机网络笔记 学堂在线 2.4差错控制...
  13. java常用的对象转map的几种方式
  14. Java 版本6下载大全
  15. IC芯片卡读写类(泛型模式)
  16. unity安装2020或2019出现空白错误
  17. 快嘴企业名录搜索 2007 是什么
  18. word操作——论文中——设置WPS奇偶页页眉内容不同和公式居中,公式的标号靠右、......
  19. 【算法应用】Thompson Sampling--汤普森采样应用之代码篇 (Python)
  20. css动画:多个行星围绕中心恒星旋转

热门文章

  1. [独库骑行之我们路过高山]翻越哈希勒根达坂
  2. android进阶(一)Activity加载模式
  3. element-ui表单验证时需要number类型
  4. 学生档案信息管理案例
  5. git学习笔记(2-git初始化配置)
  6. java常见抛出异常
  7. hive 筛选出数字_后悔没早点学会这几个万能的Excel筛选技巧,这些操作技巧得记牢...
  8. python怎么播放音乐_Python实现在线音乐播放器
  9. mysql_分页、联合查询
  10. CentOS 7.6环境设置Redis开机自启动