Webcam only works when I lock and unlock smartphone

[arnaldocastrolos]

Hi everyone hope you are fine!

I'm doing a simple demo app in Flutter using the plugin. When I test using Chrome its works just fine, in emulator the camera image never shows, and when I test on my Android smartphone the camera image only appears when I lock (power button) and unlock (power button again) the device.

I am using Windows 11, Android Studio 2022.1.1 Patch 1, Flutter 3.7.5, Dart 2.19.1 OpenJDK 19.0.2 and flutter_webrtc 0.9.23.

Right now my code is the following:

` import 'package:flutter/material.dart';
import 'package:flutter_webrtc/flutter_webrtc.dart';

void main() {
runApp(const MyApp());
}

class MyApp extends StatelessWidget {
const MyApp({super.key});

// This widget is the root of your application.
@OverRide
Widget build(BuildContext context) {
return MaterialApp(
title: 'Flutter Demo',
theme: ThemeData(
primarySwatch: Colors.blue,
),
home: MyHomePage(title: 'Flutter Demo Home Page'),
);
}
}

class MyHomePage extends StatefulWidget {
MyHomePage({super.key, required this.title});

final String title;

@OverRide
State createState() => _MyHomePageState();
}

class _MyHomePageState extends State {
final _localVideoRenderer = RTCVideoRenderer();

void initRenderers() async {
await _localVideoRenderer.initialize();
}

_getUserMedia() async {
final Map<String, dynamic> mediaConstraints = {
'audio': true,
'video': true,
};

MediaStream stream =
await navigator.mediaDevices.getUserMedia(mediaConstraints);
_localVideoRenderer.srcObject = stream;

_localVideoRenderer.srcObject = stream;
return stream;

}

@OverRide
void initState() {
initRenderers();
_getUserMedia();
super.initState();
}

@OverRide
void dispose() async {
await _localVideoRenderer.dispose();
super.dispose();
}

@OverRide
Widget build(BuildContext context) {
final ButtonStyle style =
ElevatedButton.styleFrom(textStyle: const TextStyle(fontSize: 20));

return Scaffold(
  appBar: AppBar(
    title: Text(widget.title),
  ),
  body: Stack(
    children: [
      Positioned(
          top: 0.0,
          right: 0.0,
          left: 0.0,
          bottom: 0.0,
          child: RTCVideoView(_localVideoRenderer))
    ],
  ),
);

}
}

`

[cloudwebrtc]

This seems to be related to flutter state management, you can try
Add setState after srcObject = stream;

_localVideoRenderer.srcObject = stream;
setState(() {
});

[arnaldocastrolos]

This seems to be related to flutter state management, you can try Add setState after srcObject = stream;

_localVideoRenderer.srcObject = stream;
setState(() {
});

Thank you very much! It was it indeed.