Flutter Web + flutter_webrtc
- Video
- Web
Le plugin effects_sdk encapsule le Web Video Effects SDK : donnez-lui un MediaStream de flutter_webrtc, récupérez un MediaStream traité.
Ajoutez flou et remplacement de l'arrière-plan, embellissement et cadrage automatique aux applications vidéo Flutter sur Android, iOS et le web, et la suppression du bruit par IA à Flutter Web, avec des plugins prêts à l'emploi basés sur flutter_webrtc.
Le plugin effects_sdk encapsule le Web Video Effects SDK : donnez-lui un MediaStream de flutter_webrtc, récupérez un MediaStream traité.
Un fork du SDK LiveKit pour Flutter ajoute le Video Effects SDK à LocalVideoTrack. Sur Android et iOS, il utilise les SDK natifs ; sur le web, le SDK web.
Le plugin audio_effects_sdk exécute l'Audio Effects SDK sur un MediaStream de flutter_webrtc : suppression du bruit par IA avec les préréglages speed, balanced et quality.
Les plugins suivent le fonctionnement du SDK web : donnez un MediaStream, attendez onReady, lancez et utilisez le flux traité. Dans le fork LiveKit, les effets sont des méthodes de 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();
};
Vous utilisez LiveKit ? Voir l'intégration LiveKit.
Effets vidéo : Android, iOS et web via le fork LiveKit pour Flutter, et web via le plugin flutter_webrtc. Suppression du bruit audio : Flutter Web via le plugin audio_effects_sdk.
Utilisez les SDK natifs Android et iOS via un platform channel. Le fork LiveKit est une bonne référence : il relie les pipelines caméra natifs à Flutter sur les deux plateformes. Décrivez-nous votre configuration et nous vous aiderons.
Le plugin audio Flutter cible pour l'instant le web. Sur Android et iOS, appelez l'Audio Effects SDK natif (Maven ai.effectssdk:audio, Swift Package AudioEffectsSDK) via un platform channel.
Flou et remplacement de l'arrière-plan, embellissement, cadrage automatique, correction des couleurs, dispositions, bandeaux et incrustations dans le plugin web ; le fork LiveKit expose les modes du pipeline natif sur mobile.
Indiquez-nous vos plateformes et la façon dont vous capturez la vidéo et l'audio. Nous vous aidons à l'intégration.
Prêt à vous lancer ? Ouvrez le Developer Portal et démarrez un essai gratuit.