原創(chuàng)作者：溫嶺王駿
環(huán)境：
測(cè)試攝像機(jī)：耗粕埽康威視 DS-2CD7T4EP-LS
顯卡：NVIDIA 1050
流媒體服務(wù)器：node-media-server
拉流推流：ffmpeg
H5播放器：flv.js
攝像機(jī)默認(rèn)開(kāi)啟了RTSP，端口554，可以在配置界面-》網(wǎng)絡(luò)-》網(wǎng)絡(luò)服務(wù)中查看溯祸。
1、node-media-server的安裝及運(yùn)行
node-media-server的安裝及運(yùn)行在《OBS推送桌面屏幕視頻流到H5頁(yè)面（直播方式）》 一文中有介紹舞肆。
2焦辅、確保node-media-server所在服務(wù)器和攝像機(jī)之間的網(wǎng)絡(luò)是通的。
例如攝像機(jī)IP：192.168.1.8椿胯，服務(wù)器IP：192.168.1.2
3筷登、ffmpeg拉流推流
假設(shè)攝像機(jī)用戶名：admin，密碼：hik12345
推流命令：
ffmpeg -i rtsp://admin:hik12345@192.168.1.8:554/h264/ch1/main/av_stream -c copy -f flv rtmp://127.0.0.1:1935/live/123
如果有支持CUDA的NVIDIA獨(dú)立顯卡压状，可以加上-hwaccel cuvid -c:v h264_cuvid參數(shù)仆抵，進(jìn)行硬件加速，延時(shí)將大大降低种冬。
ffmpeg -hwaccel cuvid -c:v h264_cuvid -i rtsp://admin:hik12345@192.168.1.8:554/h264/ch1/main/av_stream -c copy -f flv rtmp://127.0.0.1:1935/live/123
實(shí)測(cè)延時(shí)在1秒以內(nèi)镣丑。
windows環(huán)境，格式工廠目錄下面就有一個(gè)ffmpeg可以直接使用娱两。
4莺匠、H5頁(yè)面顯示視頻
<html>
<body>
<script src="flv.min.js"></script>
<video id="videoElement" controls autoplay width="1024" height="576"></video>
<script>
if (flvjs.isSupported()) {
var videoElement = document.getElementById('videoElement');
var flvPlayer = flvjs.createPlayer({
type: 'flv',
url: 'http://localhost:85/live/123.flv'
});
flvPlayer.attachMediaElement(videoElement);
flvPlayer.load();
flvPlayer.play();
}
</script>
</body>
</html>
