web播放m3u8文件且进行加密处理

最新推荐文章于 2024-05-12 02:32:37 发布

疯狂的懒懒

最新推荐文章于 2024-05-12 02:32:37 发布

阅读量4.1k

点赞数

分类专栏： web开发文章标签： ffmpeg m3u8

本文链接：https://blog.csdn.net/xdkprosperous/article/details/103158921

版权

web开发专栏收录该内容

1 篇文章 0 订阅

订阅专栏

准备工作

安装ffmpeg。
将一个mp4视频进行切片且对ts文件进行加密处理

生成加密用的 key文件（没有此命令需要安装）
openssl rand  16 > enc.key

生成iv
openssl rand -hex 16

新建一个文件 enc.keyinfo 内容格式如下：
Key URI  # enc.key的路径，使用http形式
Path to key file  # enc.key文件
IV  #  上面生成的iv

如
http://localhost/video/enc.key
enc.key
48c674428c1e719751565ad00fe24243

ffmpge命令：
ffmpeg -y -i test.mp4 
-hls_time 12        # 将test.mp4分割成每个小段多少秒
-hls_key_info_file enc.keyinfo 
-hls_playlist_type vod    # vod 是点播，表示PlayList不会变
-hls_segment_filename "file%d.ts"   #  每个小段的文件名
playlist.m3u8   #  生成的m3u8文件

前端代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>演示：HTML5点播m3u8(hls)格式视频</title>
<link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/demo.css">
<style>
</style>
</head>
<body>
<div class="container">
    <header>
        <div class="row">
            <div class="col-md-3 col-xs-12"><h1 class="logo"><a href="http://www.helloweba.net" title="返回helloweba首页">helloweba</a></h1></div>
            <div class="col-md-9 text-right"</div>
        </div>
    </header>
    <div class="row main">
        <div class="col-md-12">
            <div class="container" style="width: 96%; margin: 30px auto">
                <video id="video" controls loop="false" width="100%"></video>
            </div>
        </div>
    </div>
    <footer>
        <p>Powered by helloweba.net  允许转载、修改和使用本站的DEMO，但请注明出处：<a href="http://www.helloweba.net">www.helloweba.net</a></p>
    </footer>
</div>
<script src="hls.js"></script>

<script>
var video = document.getElementById('video');
  if(Hls.isSupported()) {
    var hls = new Hls();
    hls.loadSource('http://vfile1.grtn.cn/2019/1574/0031/1723/157400311723.ssm/157400311723.m3u8');
    hls.attachMedia(video);
    hls.on(Hls.Events.MANIFEST_PARSED,function() {
      video.play();
  });
 }
</script>
</body>
</html>

项目demo地址：https://github.com/xiadk/dk-hls 其中jiami是已经切分好的视频

注意项目一定要通过服务器打开，本地打开没用。

参考：
https://www.helloweba.net/javascript/571.html

https://www.cnblogs.com/codeAB/p/9184266.html

疯狂的懒懒

关注

0
点赞
踩
11

收藏

觉得还不错? 一键收藏
0
评论
web播放m3u8文件且进行加密处理

准备工作安装ffmpeg。将一个mp4视频进行切片且对ts文件进行加密处理生成加密用的 key文件（没有此命令需要安装）openssl rand 16 > enc.key生成ivopenssl rand -hex 16新建一个文件 enc.keyinfo 内容格式如下：Key URI # enc.key的路径，使用http形式Path to key file ...
复制链接

扫一扫