瀏覽器來源(OBS)
2024-04-27 OBSのブラウザソースで動くものを作るあなたへ
Open Broadcaster Software上的瀏覽器來源實質上為Chromium嵌入式框架(CEF)
Chromium嵌入式框架 - 維基百科,自由的百科全書
針對OBS進行最佳化調整,以及新增可取得和控制OBS部分資訊的瀏覽器API
原先為於社群上發佈的CLR瀏覽器擴充功能,現已整合進OBS內
obsproject/cef: Fork of CEF (Chromium Embedded Framework) with OBS-specific patches
obsproject/obs-browser: CEF-based OBS Studio browser plugin
版本會依使用的OBS版本或種類(例如社群維護的其他OBS)而異,部分功能可能因此出現落差
例如CSS的inset屬性,或JavaScript的??運算子等等
部分CSS效果不會影響其他OBS的來源
例如backdrop-filter的blur或sepia,模糊和深褐色不會同樣套用到於瀏覽器來源底下的圖片或其他來源
OBS Browser/CEF Plans, Progress & Timeline · obsproject/obs-studio · Discussion #3853
Arch Linux
需要自行建構Chromium嵌入式框架
https://aur.archlinux.org/packages/cef-minimal-obs-bin
https://aur.archlinux.org/packages/obs-studio-browser
$ yay -S obs-studio-browser
Flatpak版可直接使用,但會無法偵測輸入
DualShock 4 gamepad does not get detected using Browser source · Issue #6876 · obsproject/obs-studio
需另外賦予權限
$ flatpak override --user --filesystem=/run/udev:ro com.obsproject.Studio
偵錯
例如調整聊天室擷取樣式
或檢查追隨、訂閱、贊助通知效果
OBS執行捷徑右鍵→內容
「目標」尾端加上--args --remote-debugging-port=PORT
PORT可設為任意值
localhost:PORT
flatpak:flatpak run com.obsproject.Studio --args --remote-debugging-port=PORT
PICTILE
OBS用の画像整列ツール「PICTILE」 - ミズノフの実験室 - BOOTH
https://totsu-pittan.tasukaru.app/