Background blur example

examples/simple-chatbot/client/react/src/providers/RTVIProvider.tsx

@@ -1,16 +1,29 @@
-import { type PropsWithChildren } from 'react';
-import { RTVIClient } from '@pipecat-ai/client-js';
-import { DailyTransport } from '@pipecat-ai/daily-transport';
-import { RTVIClientProvider } from '@pipecat-ai/client-react';
+import { type PropsWithChildren } from "react";
+import { RTVIClient } from "@pipecat-ai/client-js";
+import { DailyTransport } from "@pipecat-ai/daily-transport";
+import { RTVIClientProvider } from "@pipecat-ai/client-react";
 
-const transport = new DailyTransport();
+const transport = new DailyTransport({
+  dailyFactoryOptions: {
+    inputSettings: {
+      video: {
+        processor: {
+          type: "background-blur",
+          config: {
+            strength: 0.8,
+          },
+        },
+      },
+    },
+  },
+});
 
 const client = new RTVIClient({
   transport,
   params: {
-    baseUrl: 'http://localhost:7860',
+    baseUrl: "http://localhost:7860",
     endpoints: {
-      connect: '/connect',
+      connect: "/connect",
     },
   },
   enableMic: true,