[转]HLS流媒体视频防盗实现

视频网站有很多，防止别人盗用视频是很重要的，一方面是保护资源，另一方面是防止流量浪费。
原文 ：https://blog.csdn.net/daipianpian/article/details/83034822

安装FFmpeg

• 网址：https://ffmpeg.org/
• 选择Windows版本：https://ffmpeg.org/download.html#build-windows

配置FFmpeg环境变量

点击“环境变量”按钮后，跳出“环境变量”窗口，找到并选中“Path”变量，点击编辑：
在“Path”变量原有变量值内容上加上“;d:\ffmpeg\bin”（注：;代表间隔，不可遗漏；d:\ffmpeg\bin代表FFmpeg的安装路径下的bin文件夹），一路点击“确定”即可。

image.png

打开命令提示符窗口。输入命令“ffmpeg –version”。如果命令提示窗口返回FFmpeg的版本信息，那么就说明安装成功了，你可以在命令提示行中任意文件夹下运行FFmpeg。

image.png

ffmpeg对mp4文件进行ts切片并生成m3u8文件

先用ffmpeg把abc.mp4文件转换为abc.ts文件：

ffmpeg -y -i abc.mp4 -vcodec copy -acodec copy -vbsf h264_mp4toannexb abc.ts

image.png

再用ffmpeg把abc.ts文件切片并生成playlist.m3u8文件，10秒一个切片：

ffmpeg -i abc.ts -c copy -map 0 -f segment -segment_list playlist.m3u8 -segment_time 10 abc%03d.ts

image.png

生成切片结果

image.png

将生成的m3u8文件在Pc端和移动端

引入视频直播插件

GitHub地址：https://github.com/daipianpian/hLive

基于videojs的视频直播播放器 演示地址 ####引入相应js和css,在页面添加相应播放器代码既可解析播放m3u8格式直播流,播放器格式如下

<video id="my_video_1" class="video-js vjs-default-skin" controls preload="auto" width="1000" height="500" data-setup='{}'>
          <source src="./src/z.m3u8" type="application/x-mpegURL">
</video>

实现效果

PC端：

pc.png

移动端：

mobile.png

小结

视频防盗与防盗链都很重要，技术方案很多，这只是简单一种。