มาใส่วันที่และเวลาปัจจุบันบน Live Streaming ของเราง่ายๆ กันครับ โดยไม่จำเป็นต้องติดตั้งโปรแกรม Snaz แต่ถ้าต้องการตัวเวลานับถอยหลัง Snaz ก็ยังเป็นโปรแกรมที่ดีมากตัวนึงครับ
วันที่และเวลา
https://gistcdn.githack.com/sam0737/a0ee8ca253fc5c84b2aa2ac018f7b8ad/raw/94af10ef67d6c7e48295efaa43cdd2847d2fd884/clock.html?style=font:%20bold%2050px%20monospace;%20color:%20lightgray;%20display:%20inline-block;%20border-radius:%205px;%20padding:%202px%205px;background-color:%20rgba(0,0,0,0.5);&format=kk:mm:ss%20DD/MM/YYYY- Width : 550
- Height : 80
วันที่อย่างเดียว
https://gistcdn.githack.com/sam0737/a0ee8ca253fc5c84b2aa2ac018f7b8ad/raw/94af10ef67d6c7e48295efaa43cdd2847d2fd884/clock.html?style=font:%20bold%2050px%20monospace;%20color:%20lightgray;%20display:%20inline-block;%20border-radius:%205px;%20padding:%202px%205px;background-color:%20rgba(0,0,0,0.8);&format=DD/MM/YYYY- Width : 300
- Height : 80
เวลาอย่างเดียว
https://gistcdn.githack.com/sam0737/a0ee8ca253fc5c84b2aa2ac018f7b8ad/raw/94af10ef67d6c7e48295efaa43cdd2847d2fd884/clock.html?style=font:%20bold%2050px%20monospace;%20color:%20lightgray;%20display:%20inline-block;%20border-radius:%205px;%20padding:%202px%205px;background-color:%20rgba(0,0,0,0.8);&format=kk:mm:ss- Width : 245
- Height : 80
จะเห็นว่าแต่ละลิงก์จะมี format ต่อท้าย style เราสามารถดู Format ต่างของวันและเวลาเพื่อแสดงรูปแบบวันและเวลาที่เราต้องการได้ที่ : https://momentjs.com/docs/#/displaying/format/
การใช้งานใน OBS Studio
เปิด OBS ขึ้นมา กด Add Source Browser นะครับ
นำ URL ด้านบนที่ท่านต้องการมาใส่ในช่อง Input นะครับ
- URL : https://gistcdn.githack.com/sam0737/a0ee8ca253fc5c84b2aa2ac018f7b8ad/raw/94af10ef67d6c7e48295efaa43cdd2847d2fd884/clock.html?style=font:%20bold%2050px%20monospace;%20color:%20lightgray;%20display:%20inline-block;%20border-radius:%205px;%20padding:%202px%205px;background-color:%20rgba(0,0,0,0.5);&format=kk:mm:ss%20DD/MM/YYYY
- Width : 550
- Height : 80
- Custom CSS : ลบ css ของเดิมออกนะครับ
เสร็จเรียบร้อย
Cr. https://gist.github.com/sam0737