楔子
學習筆記
ffmpeg+nginx +EasyPlayer.js
nginx配置
在 server
中配置 如下
location /hls/ {
root html/hls/;
}
推送流
--錄製屏幕 推送 flv
ffmpeg -f gdigrab -i desktop -vcodec libx264 -preset:v ultrafast -tune:v zerolatency -f flv rtmp://127.0.0.1:1985/myapp/ck
--錄製屏幕 推送 hls |注意 nginx 位置
ffmpeg -f gdigrab -i desktop -vcodec libx264 -preset:v ultrafast -tune:v zerolatency -f hls -hls_time 5.0 -hls_list_size 1 -hls_wrap 30 F:/ps/nginx-rtmp/html/hls/test.m3u8
-- 推送 rstp 爲 HLS
ffmpeg -i "rtsp://127.0.0.1:8554/1" -c copy -f hls -hls_time 5.0 -hls_list_size 1 -hls_wrap 30 C:/soft/a/nginx-1.16.1/html/hls/test.m3u8
播放
使用 EasyPlayer.js html播放
圖片
推送產生 切片文件
播放
<!DOCTYPE HTML>
<html>
<!DOCTYPE HTML>
<html>
<head>
<title>EasyPlayer</title>
<link rel="icon" href="./favicon.ico">
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="renderer" content="webkit" />
<meta name="force-rendering" content="webkit" />
<meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" name="viewport">
</head>
<body>
<!-- 播放地址 -->
<easy-player video-url="/hls/test.m3u8" live="true" aspect="400:300" debug="true"
isresolution="true" resolution="yh,fhd,hd,sd" resolutiondefault="yh"></easy-player>
<!-- <easy-player video-url="rtmp://live.hkstv.hk.lxdns.com/live/hks2" live="true" show-custom-button="true"></easy-player>
<easy-player video-url="http://kbs-dokdo.gscdn.com/dokdo_300/_definst_/dokdo_300.stream/playlist.m3u8" live="true" show-custom-button="true"></easy-player> -->
<script type="text/javascript" src="EasyPlayer-element.min.js"></script></body>
</html>