- 设备端ffmpeg推流代码
- web端网页展示
- web端部署
设备端推流
在设备端使用python脚本的形式对ffmpeg进行参数设置,而没有直接使用命令行进行推流。当然也尝试过直接使用命令行进行推流,但推到腾讯云的视频流非常的不稳定,因此也就放弃了使用命令行推流,下面是python脚本的代码
#coding:utf-8
import subprocess as sp
import cv2 as cv
rtmpUrl = "rtmp://182303.push.tlivecloud.com/live/video1"
camera_path = "/dev/video0"
# camera_path = "/home/ln/bilibili.mp4"
cap = cv.VideoCapture(0)
cap.set(3,640)
cap.set(4,480)
# Get video information
fps = int(cap.get(cv.CAP_PROP_FPS))
width = int(cap.get(cv.CAP_PROP_FRAME_WIDTH))
height = int(cap.get(cv.CAP_PROP_FRAME_HEIGHT))
print("width:",width,'height',height)
# width = 640
# height = 480
# ffmpeg command
command = ['ffmpeg',
'-y',
# '-buffer_size','1024000',
'-f', 'rawvideo',
'-vcodec','rawvideo',
'-pix_fmt', 'bgr24',
# '-pix_fmt', 'rgb24',
'-s', "{}x{}".format(width, height),
'-r', str(fps),
'-i', '-',
# '-b:v','3000k',
'-c:v', 'libx264',
'-pix_fmt', 'yuv420p',
# '-profile:v','baseline',
'-preset', 'ultrafast',
'-f', 'flv',
rtmpUrl]
# 管道配置
p = sp.Popen(command, stdin=sp.PIPE)
# read webcamera
while(cap.isOpened()):
ret, frame = cap.read()
# frame = cv.cvtColor(frame, cv.COLOR_BGR2RGB)
# frame=cv.resize(frame,(480,640),interpolation=cv.INTER_CUBIC)
# print(frame.shape)
if not ret:
print("Opening camera is failed")
break
# process frame
# your code
# process frame
# write to pipe
p.stdin.write(frame.tostring())
这里对参数就不做过多的解释
web端网页展示
<!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.0">
<title>水之盾</title>
<link href="https://web.sdk.qcloud.com/player/tcplayer/release/v4.7.2/tcplayer.min.css" rel="stylesheet"/>
<!--播放器脚本文件-->
<script src="https://web.sdk.qcloud.com/player/tcplayer/release/v4.7.2/tcplayer.v4.7.2.min.js"></script>
<style>
html,body{
margin: 10;
padding: 0;
background-image: url('Red_Sunset.jpg');
background-repeat: no-repeat;
background-size: cover;
}
#player-container-id {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
#mytitle{
margin-top: 2.5%;
text-align: center;
}
@media only screen and (min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 2) {
.tcp-logo-img {
width: 50%;
}
}
</style>
</head>
<body>
<h1 id="mytitle">水之盾—基于现代物理技术的生态友好型螺藻共治系统</h1>
<div id="wrap">
<video id="player-container-id" width="1285" height="725" preload="auto" playsinline webkit-playsinline>
</video>
</div>
<script>
var player = TCPlayer('player-container-id', {}); // player-container-id 为播放器容器 ID,必须与 html 中一致
player.src('http://video.nongchatea.xyz/live/video1_fast.flv'); // url 播放地址
</script>
</body>
</html>
web端部署
web端部署采用的是nginx,记得打开端口,阿里云服务器默认端口开启的太少了