https://github.com/konnokai/obsnowplayingoverlay

OBS 顯示播放狀態的小工具
https://github.com/konnokai/obsnowplayingoverlay

obs soundcloud stream-tools youtube

Last synced: about 2 months ago
JSON representation

OBS 顯示播放狀態的小工具

• Host: GitHub
• URL: https://github.com/konnokai/obsnowplayingoverlay
• Owner: konnokai
• License: mit
• Created: 2024-11-05T09:29:34.000Z (2 months ago)
• Default Branch: master
• Last Pushed: 2024-11-13T08:14:43.000Z (about 2 months ago)
• Last Synced: 2024-11-13T09:22:54.728Z (about 2 months ago)
• Topics: obs, soundcloud, stream-tools, youtube
• Language: C#
• Homepage: https://konnokai.me/
• Size: 31.2 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.txt

Awesome Lists containing this project

README

        
# OBSNowPlayingOverlay - 正在播放

![MainWindows](Docs/MainWindow.gif)

![MainWindows2](Docs/MainWindow2.png)

一個可以顯示 YouTube (包含 YouTube Music)、SoundCloud、Spotify、bilibili (V1.0.5 新增，需搭配瀏覽器插件 v1.0.2.1) 播放狀態的小工具

起因是因為我推 ([998rrr](https://www.twitch.tv/998rrr)) 的 NowPlaying 軟體出現問題，正好拿來練手寫個工具看看

# 特色

- 顯示播放狀態

- 緩慢新增的可自訂化介面

- 自動更新 (v1.0.1 新增)

- 自動監測現在是否為直播影片 (v1.0.2 新增)

- ~~還有些我抓不到的 Bug~~

# 如何使用

1. 安裝 [瀏覽器插件](https://chromewebstore.google.com/detail/obs-%E6%AD%A3%E5%9C%A8%E6%92%AD%E6%94%BE/bbaajjiddghleiifnnhagkgjfihnkphe)

2. [點我下載](https://github.com/konnokai/OBSNowPlayingOverlay/releases/latest/download/OBSNowPlayingOverlay.zip) 最新版的 `OBSNowPlayingOverlay.zip` 壓縮包並解壓縮

3. 確保瀏覽器插件已安裝，並打開 `OBSNowPlayingOverlay.exe` (應該會提示要安裝 .NET 6 Desktop Runtime，如果沒有的話就下載 [這個](https://dotnet.microsoft.com/zh-tw/download/dotnet/thank-you/runtime-desktop-6.0.35-windows-x64-installer) 來安裝)

4. 設定想要的字型以及視窗寬度

5. 打開 OBS，新增 `視窗擷取` 來源，並按照下方圖片設定

![OBSProperty](Docs/OBSProperty.png)

6. 開始播放任一支援的平台音樂，若正常的話即會出現正在播放的音樂狀態 (剛安裝完插件的話需要重整網頁或是重開瀏覽器來讓插件載入)

OBS 的畫面應該會長這樣

![OBSDone](Docs/OBSDone.png)

# 如何新增字型

![HowToAddFont](Docs/HowToAddFont.png)

有兩種方式

1. 直接把字型安裝到系統內，之後到設定視窗勾選 `載入系統安裝字型`

2. 將 ttf 或 otf 字型檔案丟到程式的 `Fonts` 資料夾，然後重開程式讓字型載入即可

弄完之後記得要選擇想用的字型

# 如何關閉程式

![CloseProgram](Docs/CloseProgram.png)

對著設定視窗點關閉，或是到工具列對兩個圖形視窗關閉都行

直接關小黑窗也能關閉，但怕資源釋放有問題，盡量避免用此方式來關

# 已知問題

- 關閉程式時有可能會遇到 InvalidOperationException，但因程式已關閉故無法正常拋出例外，導致整個程式出現卡死的死循環，這種情況下只能透過工作管理員強制關閉，目前尚未發現該如何避免此狀況

- ~~若瀏覽器同時播放多個音樂，插件會同時發送多個資料給軟體，導致軟體頻繁切換歌曲，之後會處理此問題~~ (v1.0.3 已修正此問題，需搭配瀏覽器插件 v1.0.1)

# 關於 & 參考專案

- [Now Playing - OBS](https://gitlab.com/tizhproger/now-playing-obs)

- [Vinyl icons](https://www.flaticon.com/free-icons/vinyl) created by Those Icons - Flaticon

- [Lp icons](https://www.flaticon.com/free-icons/lp) created by Alfredo Hernandez - Flaticon

- [Pause icons](https://www.flaticon.com/free-icons/pause) created by Debi Alpa Nugraha - Flaticon

- [cjkfonts 全瀨體](https://cjkfonts.io/blog/cjkfonts_allseto)

- [貓啃什錦黑 繁體中文版](https://github.com/Skr-ZERO/MaokenAssortedSans-TC)

- [辰宇落雁體](https://github.com/Chenyu-otf/chenyuluoyan_thin)