winform-obs

環境建置

建立OBS環境

安裝 OBS軟體目前使用版本27.0.1
為本機OBS安裝 websocket插件，這樣WinForm才有辦法連接發指令。obs-websocket API文件
開啟obs設定port位及密碼
設定輸出錄影格式
- 類型：自訂輸出(FFmpeg)
- 封裝格式：mpegts(目前使用jsmpeg播放)
- 影像位元率(kbit/s)：10000kbps(越大越清楚)
- 影像編碼器：mpeg1video
- 音效位元率(kbit/s)：128kbps
- 音軌：勾選1(全勾選會有效能問題，影片播放變超慢)
- 音效編碼器：mp2(要注意錄影時主介面下方輸出音效是否有反應，沒有表示沒錄到聲音)
  建立winform專案
Windows Forms App(.NET Framework 4.6.1)
- 設定Form1.cs寬高
- 啟動OBS調整顯示器擷取範圍
建立WebView
- 下載 EO.Browser 相關檔案並安裝
- 安裝完畢照說明操作VisualStudio
- 開啟VisualStudio後, 先確認工具箱是否有EO.WebBrowser.WebControl、WebView
- 沒有就從”工具->選擇工具箱項目->瀏覽”，找到安裝目錄(C:\Program Files\Essential Objects\EO.Total 2021)內的dll套件
  - EO.WebBrowser.dll
  - EO.WebBrowser.WinForm.dll
- 再看看專案”參考”是否存在EO.WebBrowser、EO.WebBrowser.WinForm
- 若有缺漏，右鍵點擊”參考”加入參考，同樣瀏覽dll檔案並加入
- 在工具箱EO.WebBrowser找到WebControl，拖到視窗內同時自動創建WebView，設定寬高、名稱(預設webView1)
obs-websocket
- 直接使用NuGet安裝 obs-weboscket-dotnet4.9.0套件

流程串接

對Form1.cs介面雙擊生成基本代碼，在From1建構式內指定URL
```
 webView1.Url = "https://google.com.tw";
```
設定記憶體上限(否則會有記憶體不足問題)
```
 EO.Base.Runtime.EnableEOWP = true;
```

建立OBS實體並監聽連接事件，開始連線

 _obs = new OBSWebsocket();
 _obs.Connected += onConnect;
 _obs.Connect("ws://127.0.0.1:4444", "123456");

連線成功開始取得OBSScene實體並設定

 private void onConnect(object sender, EventArgs e)
  {
      //更換影片放置資料夾(目前測試無法更換...)
      _obs.SetRecordingFolder("D:\\git\\VisualStudio\\WebViewTest\\WebViewTest\\video");
      string profile = _obs.GetCurrentProfile();
      OBSScene scene = _obs.GetCurrentScene();
      this.isConnect = true;
  }

WebView添加自定義function讓頁面能驅動WinForm(Form1.Designer.cs)

 //對webview註冊自定義function
 this.webView1.RegisterJSExtensionFunction("demoAbout", new JSExtInvokeHandler(WebView_JSDemoAbout));

接著讓webview內的網頁在適當時機呼叫對外function並帶入參數
```
  window['demoAbout']("start_record");
```

WinForm接收通知後開始/停止錄影

  void WebView_JSDemoAbout(object sender, JSExtInvokeArgs e)
  {
      if (this.isConnect == false)
      {
          Console.WriteLine("尚未連線");
      }
      string command = e.Arguments[0] as string;
      if (command == "start_record")
      {
          _obs.StartRecording();
      }
      else
      {
          _obs.StopRecording();
          //等待5秒存檔，並上傳FTP
          wait(5000);
          this.UploadFtpFile("Client\\Test\\Ray", "D:\\git\\VisualStudio\\WebViewTest\\WebViewTest\\video\\aaa.ts");
      }
  }

winform-obs

環境建置

建立OBS環境

建立winform專案

流程串接