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://mahalpyweb.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;
}

OBS安裝設定

下載

設定

播放影片

影片加時間浮水印

發佈留言