日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔！

生活随笔

當前位置： 首頁 > 编程资源 > 编程问答 >内容正文

编程问答

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

發布時間：2023/12/16 编程问答 37 豆豆
生活随笔 收集整理的這篇文章主要介紹了 web播放m3u8文件且进行加密处理 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

準備工作

  • 安裝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 48c674428c1e719751565ad00fe24243ffmpge命令： 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

    總結

    以上是生活随笔為你收集整理的web播放m3u8文件且进行加密处理的全部內容，希望文章能夠幫你解決所遇到的問題。

    如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。