原創(chuàng)作者：溫嶺王駿
1猎塞、安裝node-media-server
nodejs的環(huán)境先安裝好，然后執(zhí)行npm安裝node-media-server:
npm install node-media-server
詳細的搭建過程請參考：https://www.jb51.net/article/204443.htm
2秽浇、運行node media server
index.js代碼如下：
const NodeMediaServer = require('node-media-server');
const config = { rtmp:{ port:1935, chunk_size:60000, gop_cache:true, ping:60, ping_timeout:30 },
http:{ port:85, allow_origin:'*' } };
var nms = new NodeMediaServer(config);
nms.run();
運行：
node index.js
運行后將在1935端口接收視頻流召廷，85端口輸出視頻流揖闸。
3、安裝及配置OBS Studio
安裝好OBS Studio夷陋，在來源窗口點“+”欠拾，添加需要采集的視頻源。
點設置按鈕肌稻，進入推流配置項清蚀。
服務：自定義
服務器：rtmp://127.0.0.1:1935/live
串流密鑰：123
live和串流密鑰可以根據實際需求設定。
4爹谭、開始推流
點“開始推流”按鈕開始推流枷邪。
5、H5頁面顯示視頻
<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>
url里面的live和123诺凡，要和OBS里的設置對應东揣。
