Flutter Web + flutter_webrtc
- Video
- Web
تغلّف إضافة effects_sdk حزمة Web Video Effects SDK: أعطها MediaStream من flutter_webrtc واحصل على MediaStream معالَج.
أضف تمويه الخلفية واستبدالها والتجميل والتأطير التلقائي إلى تطبيقات الفيديو بـ Flutter على Android وiOS والويب، وإلغاء الضوضاء بالذكاء الاصطناعي إلى Flutter Web — بإضافات جاهزة مبنية على flutter_webrtc.
تغلّف إضافة effects_sdk حزمة Web Video Effects SDK: أعطها MediaStream من flutter_webrtc واحصل على MediaStream معالَج.
تضيف نسخة متفرعة من LiveKit Flutter SDK حزمة Video Effects SDK إلى LocalVideoTrack. على Android وiOS تستخدم حزم SDK الأصلية، وعلى الويب SDK الويب.
تشغّل إضافة audio_effects_sdk حزمة Audio Effects SDK على MediaStream من flutter_webrtc: كبت ضوضاء بالذكاء الاصطناعي بالإعدادات المسبقة speed وbalanced وquality.
تتبع الإضافات تسلسل SDK الويب: أدخل MediaStream، وانتظر onReady، وشغّل، واستخدم البث المعالَج. في النسخة المتفرعة من LiveKit، التأثيرات هي دوال في LocalVideoTrack.
// 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.
تأثيرات الفيديو: Android وiOS والويب عبر نسخة LiveKit Flutter المتفرعة، والويب عبر إضافة flutter_webrtc. إلغاء الضوضاء الصوتية: Flutter Web عبر إضافة audio_effects_sdk.
استخدم حزم SDK الأصلية لـ Android وiOS عبر platform channel. النسخة المتفرعة من LiveKit مرجع جيد: فهي تربط مسارات الكاميرا الأصلية بـ Flutter على المنصتين. أخبرنا عن إعدادك وسنساعدك.
تستهدف إضافة الصوت لـ Flutter الويب حاليًا. على Android وiOS، استدعِ Audio Effects SDK الأصلي (Maven ai.effectssdk:audio، وSwift Package AudioEffectsSDK) عبر platform channel.
تمويه الخلفية واستبدالها، والتجميل، والتأطير التلقائي، وتصحيح الألوان، والتخطيطات، والأشرطة السفلية، والتراكبات في إضافة الويب؛ وتتيح النسخة المتفرعة من LiveKit أوضاع المسار الأصلي على الجوال.
أخبرنا بمنصاتك وطريقة التقاطك للفيديو والصوت. نساعدك في الدمج.
مستعد للبدء؟ افتح Developer Portal وابدأ تجربة مجانية.