Skip to content
flutter_webrtc · livekit_client · Flutter Web

خلفية افتراضية وإلغاء ضوضاء لـ Flutter

أضف تمويه الخلفية واستبدالها والتجميل والتأطير التلقائي إلى تطبيقات الفيديو بـ Flutter على Android وiOS والويب، وإلغاء الضوضاء بالذكاء الاصطناعي إلى Flutter Web — بإضافات جاهزة مبنية على flutter_webrtc.

اختر إعدادك

Android وiOS والويب مع LiveKit

  • Video
  • Android
  • iOS
  • Web

تضيف نسخة متفرعة من LiveKit Flutter SDK حزمة Video Effects SDK إلى LocalVideoTrack. على Android وiOS تستخدم حزم SDK الأصلية، وعلى الويب SDK الويب.

إلغاء الضوضاء لـ Flutter Web

  • Audio
  • Web

تشغّل إضافة audio_effects_sdk حزمة Audio Effects SDK على MediaStream من flutter_webrtc: كبت ضوضاء بالذكاء الاصطناعي بالإعدادات المسبقة speed وbalanced وquality.

الشيفرة

تتبع الإضافات تسلسل SDK الويب: أدخل MediaStream، وانتظر onReady، وشغّل، واستخدم البث المعالَج. في النسخة المتفرعة من LiveKit، التأثيرات هي دوال في LocalVideoTrack.

  • احصل على Customer ID من Developer Portal
  • أضف الإضافة من GitHub إلى pubspec.yaml
  • على الويب، حمّل سكربت SDK في index.html
  • شغّل المثال: 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؟

تأثيرات الفيديو: Android وiOS والويب عبر نسخة LiveKit Flutter المتفرعة، والويب عبر إضافة flutter_webrtc. إلغاء الضوضاء الصوتية: Flutter Web عبر إضافة audio_effects_sdk.

أستخدم flutter_webrtc دون LiveKit على Android أو iOS. ما خياراتي؟

استخدم حزم SDK الأصلية لـ Android وiOS عبر platform channel. النسخة المتفرعة من LiveKit مرجع جيد: فهي تربط مسارات الكاميرا الأصلية بـ Flutter على المنصتين. أخبرنا عن إعدادك وسنساعدك.

كيف أضيف إلغاء الضوضاء إلى تطبيق Flutter للجوال؟

تستهدف إضافة الصوت لـ Flutter الويب حاليًا. على Android وiOS، استدعِ Audio Effects SDK الأصلي (Maven ai.effectssdk:audio، وSwift Package AudioEffectsSDK) عبر platform channel.

ما التأثيرات المتاحة؟

تمويه الخلفية واستبدالها، والتجميل، والتأطير التلقائي، وتصحيح الألوان، والتخطيطات، والأشرطة السفلية، والتراكبات في إضافة الويب؛ وتتيح النسخة المتفرعة من LiveKit أوضاع المسار الأصلي على الجوال.

تبني باستخدام Flutter؟

أخبرنا بمنصاتك وطريقة التقاطك للفيديو والصوت. نساعدك في الدمج.

مستعد للبدء؟ افتح Developer Portal وابدأ تجربة مجانية.

محمي بواسطة reCAPTCHA. راجع سياسة الخصوصية الخاصة بنا.