⚠️ 溫馨提醒:我們發現您可能啟用了廣告阻擋器,請將本站加入白名單以正常閱讀文章內容,謝謝支持 ❤️
在 OBS(Open Broadcaster Software) 場景中放上日期與時間一點都不困難!只要透過內建的瀏覽器就可以辦到!熱心的網友「sam0737」在 GitHub 中公開給大家一個簡單的網頁工具,這是運用 JavaScript 寫的時間顯示器,建議直接用他提供的 CDN 比較方便,只要改網址中的參數,就可以自訂 Style(樣式)與 Format(格式),樣式就是運用到 CSS(樣式表),當然也能放到自己的伺服器上使用囉!
學習網頁設計不只能設計網頁,還能運用在串流與錄製技術上,我只能說多方位、多領域學習是絕對有幫助的!站長就是很喜歡什麼都學一點的人!😂

▲ 「sam0737」在 GitHub 上專為 OBS 提供的日期和時間顯示工具。

▲ 打開 OBS,加入一個「瀏覽器」來源。

▲ 選「建立新來源」後輸入自訂來源名稱,接著點「確定」來到右邊視窗,網址事先完成後貼入,寬高可以慢慢調整到不會跳行為止,接著按「確定」。

▲ 預覽畫面上可以調整位置,顯示大小不建議在這邊調整,可能會有鋸齒的問題,建議在網址參數就用 style 中的 CSS 屬性「font-size」來解決,字體調整大小可以確保畫質不被破壞。
贊助廣告 ‧ Sponsor advertisements
Visual Studio Code:開放原始碼的程式碼編輯器、中文化支援、可個人化
📆 2019-02-11
📁
軟體介紹, 網站技術, 程式設計
Stable Diffusion:用於調整人物頭髮長短的 AI 繪圖提詞
📆 2023-06-11
📁
軟體應用, 人工智慧, AI繪圖
Pokémon GO:正式在香港推出
📆 2016-07-25
📁
軟體應用
HTML「合併儲存格」讓表格內的儲存格(<th>,<td>)合併
📆 2018-09-26
📁
網站技術, HTML
Bootstrap 介紹與入門,Bootstrap 5 跟 Bootstrap 3 & 4 的差別
📆 2021-10-27
📁
網站技術, HTML, Bootstrap
XAMPP:更改 MySQL 預設 Port、phpMyAdmin 連線復原
📆 2019-02-28
📁
軟體應用, 網站技術, 伺服器, 資料庫
earth.nullschool.net:全球風力和天氣的動畫地圖
📆 2014-07-24
📁
網路應用
Fugenschnitzer:運用接縫裁剪圖像演算法,無失真變更照片比例!4:3與16:9轉換!
📆 2018-02-10
📁
軟體介紹, 軟體應用, 多媒體, 靜圖處理
留言區 / Comments
萌芽論壇