ใส่วันที่และเวลาง่ายๆ แบบไม่ต้องติดตั้งโปรแกรม Snaz

มาใส่วันที่และเวลาปัจจุบันบน 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