Flutter Web + flutter_webrtc
- Video
- Web
effects_sdk प्लगइन Web Video Effects SDK को रैप करता है: इसे flutter_webrtc से MediaStream दें, प्रोसेस की गई MediaStream वापस पाएँ।
flutter_webrtc · livekit_client · Flutter Web
Flutter के लिए वर्चुअल बैकग्राउंड और नॉइज़ कैंसलेशन
Android, iOS और वेब पर Flutter वीडियो ऐप्स में बैकग्राउंड ब्लर और रिप्लेसमेंट, ब्यूटीफ़िकेशन और ऑटो-फ़्रेमिंग जोड़ें, और Flutter Web में AI नॉइज़ कैंसलेशन — flutter_webrtc पर बने तैयार प्लगइन के साथ।
अपना सेटअप चुनें
LiveKit के साथ Android, iOS और वेब
- Video
- Android
- iOS
- Web
LiveKit Flutter SDK का एक फ़ोर्क LocalVideoTrack में Video Effects SDK जोड़ता है। Android और iOS पर यह नेटिव SDK इस्तेमाल करता है, वेब पर वेब SDK।
Flutter Web के लिए नॉइज़ कैंसलेशन
- Audio
- Web
audio_effects_sdk प्लगइन flutter_webrtc MediaStream पर Audio Effects SDK चलाता है: speed, balanced और quality प्रीसेट के साथ AI नॉइज़ सप्रेशन।
कोड
प्लगइन वेब SDK के फ़्लो पर चलते हैं: MediaStream दें, onReady का इंतज़ार करें, चलाएँ और प्रोसेस की गई स्ट्रीम इस्तेमाल करें। LiveKit फ़ोर्क में इफ़ेक्ट्स LocalVideoTrack के मेथड हैं।
- Developer Portal में Customer ID पाएँ
- GitHub से प्लगइन को pubspec.yaml में जोड़ें
- वेब पर, index.html में SDK स्क्रिप्ट लोड करें
- उदाहरण चलाएँ: flutter run --dart-define=CUSTOMER_ID=…
// web/index.html: <script src="https://effectssdk.ai/sdk/web/{VERSION}/tsvb-web.js"></script>
// pubspec.yaml: effects_sdk: { git: { url: https://github.com/EffectsSDK/flutter-plugin.git } }
final effectsSDK = EffectsSDK('YOUR_CUSTOMER_ID');
effectsSDK.useStream(cameraStream);
final outputStream = effectsSDK.getStream();
effectsSDK.onReady = () {
effectsSDK.run();
effectsSDK.setBlur(60);
};// pubspec.yaml: livekit_client from github.com/EffectsSDK/livekit-client-sdk-flutter
final videoTrack = await LocalVideoTrack.createCameraTrack(
CameraCaptureOptions(effectsSdkRequired: true),
);
await videoTrack.start();
final status = await videoTrack.auth('YOUR_CUSTOMER_ID');
if (status == AuthStatus.active) {
await videoTrack.setPipelineMode(PipelineMode.blur);
await videoTrack.setBlurPower(0.6);
}// web/index.html: <script crossorigin="anonymous" src="https://effectssdk.ai/sdk/audio/dev/{VERSION}/atsvb-web.js"></script>
// pubspec.yaml: audio_effects_sdk: { git: { url: https://github.com/EffectsSDK/audio-flutter-wrapper } }
final audioSDK = AudioEffectsSDK('YOUR_CUSTOMER_ID');
audioSDK.useStream(micStream);
audioSDK.onReady = () {
audioSDK.run();
final cleanStream = audioSDK.getStream();
};सवाल
LiveKit इस्तेमाल करते हैं? LiveKit इंटीग्रेशन देखें।
Flutter में कौन-से प्लेटफ़ॉर्म सपोर्टेड हैं?
वीडियो इफ़ेक्ट्स: LiveKit Flutter फ़ोर्क से Android, iOS और वेब, और flutter_webrtc प्लगइन से वेब। ऑडियो नॉइज़ कैंसलेशन: audio_effects_sdk प्लगइन से Flutter Web।
मैं Android या iOS पर बिना LiveKit के flutter_webrtc इस्तेमाल करता हूँ। मेरे पास क्या विकल्प हैं?
platform channel के ज़रिए नेटिव Android और iOS SDK इस्तेमाल करें। LiveKit फ़ोर्क एक अच्छा संदर्भ है: यह दोनों प्लेटफ़ॉर्म पर नेटिव कैमरा पाइपलाइन को Flutter से जोड़ता है। हमें अपना सेटअप बताएँ, हम मदद करेंगे।
Flutter मोबाइल ऐप में नॉइज़ कैंसलेशन कैसे जोड़ूँ?
Flutter ऑडियो प्लगइन अभी वेब के लिए है। Android और iOS पर platform channel के ज़रिए नेटिव Audio Effects SDK (Maven ai.effectssdk:audio, Swift Package AudioEffectsSDK) कॉल करें।
कौन-से इफ़ेक्ट्स उपलब्ध हैं?
वेब प्लगइन में बैकग्राउंड ब्लर और रिप्लेसमेंट, ब्यूटीफ़िकेशन, ऑटो-फ़्रेमिंग, कलर करेक्शन, लेआउट, लोअर थर्ड्स और ओवरले; LiveKit फ़ोर्क मोबाइल पर नेटिव पाइपलाइन के मोड देता है।
Flutter पर बना रहे हैं?
हमें अपने प्लेटफ़ॉर्म और वीडियो व ऑडियो कैप्चर करने का तरीका बताएँ। हम इंटीग्रेशन में मदद करते हैं।
शुरू करने के लिए तैयार हैं? Developer Portal खोलें और फ़्री ट्रायल शुरू करें।