在 OBS(Open Broadcaster Software) 場景中放上日期與時間一點都不困難!只要透過內建的瀏覽器就可以辦到!熱心的網友「sam0737」在 GitHub 中公開給大家一個簡單的網頁工具,這是運用 JavaScript 寫的時間顯示器,建議直接用他提供的 CDN 比較方便,只要改網址中的參數,就可以自訂 Style(樣式)與 Format(格式),樣式就是運用到 CSS(樣式表),當然也能放到自己的伺服器上使用囉!
學習網頁設計不只能設計網頁,還能運用在串流與錄製技術上,我只能說多方位、多領域學習是絕對有幫助的!站長就是很喜歡什麼都學一點的人!😂

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

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

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

▲ 預覽畫面上可以調整位置,顯示大小不建議在這邊調整,可能會有鋸齒的問題,建議在網址參數就用 style 中的 CSS 屬性「font-size」來解決,字體調整大小可以確保畫質不被破壞。
贊助廣告 ‧ Sponsor advertisements
Telegram 8.6 for Android & Telegram Desktop 3.6 更新:下載管理器、改進的附件選單、令人驚嘆的...
📆 2022-03-12
📁
軟體應用, 行動平台, 資訊新聞, APP應用, Android
CSS:圓框
📆 2013-01-01
📁
網站技術, CSS
VC Client:用 RVC 人聲模型做即時 AI 語音轉換
📆 2023-04-09
📁
軟體應用, 人工智慧, AI語音
台電天然災害停電查詢
📆 2015-08-10
📁
生活相關, 網路應用
數位新冠病毒健康證明申請及查驗操作教學
📆 2022-01-21
📁
生活相關, 網路應用
Avidemux:影片及音軌編碼軟體、將影片與聲音合併(複製合併無須重新編碼)
📆 2020-01-29
📁
軟體介紹, 軟體應用, 多媒體, 影片編輯, 音訊處理
HTML Image Map 影像地圖 jQuery 推薦插件:maphilight (加強特效)、rwdImageMaps (支援RWD)
📆 2018-11-01
📁
網站技術, HTML, JavaScript, jQuery
Node.js:Gulp 運行 Autoprefixer,批次處理 CSS 供應商前綴問題
📆 2019-03-27
📁
網站技術, CSS, JavaScript, Node.js, Gulp
留言區 / Comments
萌芽論壇