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

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

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

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

▲ 預覽畫面上可以調整位置,顯示大小不建議在這邊調整,可能會有鋸齒的問題,建議在網址參數就用 style 中的 CSS 屬性「font-size」來解決,字體調整大小可以確保畫質不被破壞。
贊助廣告 ‧ Sponsor advertisements
Google Chrome 37 中文顯示問題修復
📆 2014-08-28
📁
軟體應用, 瀏覽器, Google Chrome
CrystalDiskInfo:停用 APM 減少硬碟啟停的完整設定教學
📆 2025-12-01
📁
軟體應用, 硬體週邊, 儲存裝置, 傳統硬碟
Suno AI:人工智慧生成結合人聲和樂器的逼真歌曲
📆 2024-04-30
📁
網路應用, 人工智慧, AI音樂
726大罷免投票所查詢教學|快速查詢你要去哪裡投票!
📆 2025-07-21
📁
生活相關, 網路應用, 公民社會
Stable Diffusion web UI 之 AI 繪圖教學:寬畫面輸出導致人物頭部切掉的解法
📆 2022-12-16
📁
軟體應用, 人工智慧, AI繪圖
Movavi Video Editor 2024:如何在影片中添加音訊
📆 2023-11-16
📁
軟體介紹, 軟體應用, 多媒體, 影片編輯
Tampermonkey:安裝「百度網盤直接下載助手」讓百度網盤(百度雲)可以直接下載檔案
📆 2017-08-24
📁
軟體應用, 瀏覽器, Google Chrome, Firefox, Opera, 擴充元件
取得 WordPress Popular Posts REST API 熱門文章資訊至任何網頁 (AJAX 取得 JSON)
📆 2020-01-25
📁
網站技術, HTML, JavaScript, jQuery, 架站程式, WordPress
留言區 / Comments
萌芽論壇