OBS安裝設定

      在〈OBS安裝設定〉中尚無留言

OBS Studio 是一套免費開源軟體,可用於電腦影像錄製與即時串流直播,功能豐富包含高畫質輸出、輸入輸出音源調整、多畫面切換與擷取等,常用於直播平台實況,支援Windows、macOS、Linux作業系統。

下載

請到 https://obsproject.com/ 下載適合的軟体,下載後直接安裝即可。

設定

推播前需指定 RTMP 伺服器網址,請由設定/串流頁面,服務選 “自訂”,伺服器網址如下

rtmp://ip/live
或是
http://ip:1935/live

然後串流金鑰請隨便輸入,比如 “movie”。當開始推播時,就會在伺服器的 “/data/video/live/ 目錄下自動產生 “movie” 目錄,”/data/video/live/movie” 目錄下會產生 index.m3u8檔,及切割成小片斷的 .ts 檔。

播放影片

來源區選擇 “+”,然後選取 “媒體來源”,再選擇要播放的影片。最後記得要按下 “開始串流” 才會開始推播。

影片加時間浮水印

直播系統加上時間浮水印最簡單的方法就是加一層瀏覽器圖層,請於自已的網站新增如下 currenttime.html,代碼如下。

<html>
<body>
<div id="div_time">
</div>
<script> function d(){ current=new Date(); year=current.getFullYear(); month=current.getMonth()+1; if (month<10)month="0"+month; day=current.getDay(); if(day<10)day="0"+day; hour=current.getHours(); if (hour<10)hour="0"+hour; minute=current.getMinutes(); if (minute<10)minute="0"+minute; second=current.getSeconds(); if (second<10)second="0"+second; document.getElementById("div_time").innerText=`${year}-${month}-${day} ${hour}:${minute}:${second}`; } t1=window.setInterval(d,1000); </script>
</body>
</html>

然後於 obs 的來源新增”瀏覽器”,網址填入上面的 currenttime.html,比如

"https://mahalbot.ddns.net/static/currenttime.html"

寬填入300,高填入35,自訂css 請填入如下

body{
background-color: rgba(0, 0, 0, 0);
margin: 0px auto;
overflow: hidden;
}
div{
width:300px;
height:35px;
font-size:30px;
text-align: center;
align-content:center;
color:#ffffff;
margin:0px;
text-shadow: 0.1em 0.1em 0.02em black;
}

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *