Phone gets very hot and starts lagging on long 4K call. #1047
Description
iOS iPhone 11 and Android S25 Ultra both start thermal throttling on 4K and there is 1-2sec lag in video when moving.
The other remote participant is using web javascript sdk on desktop computer.
Also when using blur or background image on remote desktop javascript sdk, it significantly affects performance on flutter app also.
We are using this code and latest stream_video_flutter: ^0.10.2 sdk:
class VideoRoomScreen extends StatelessWidget {
const VideoRoomScreen({super.key});
@override
Widget build(BuildContext context) {
return StreamCallContainer(
call: context.select((CallRouterManager manager) => manager.call!),
callContentWidgetBuilder: (context, call) => StreamCallContent(
extendBody: true,
call: call,
pictureInPictureConfiguration: PictureInPictureConfiguration(
iOSPiPConfiguration: const IOSPictureInPictureConfiguration(
showConnectionQualityIndicator: false,
showMicrophoneIndicator: false,
showParticipantName: false,
),
enablePictureInPicture: true,
sort: (a, b) {
if (!a.isLocal) {
return -1;
}
return 1;
},
),
callParticipantsWidgetBuilder: (context, call) {
return LayoutBuilder(
builder: (context, constraints) {
return SizedBox(
height: constraints.maxHeight * 0.75,
child: StreamCallParticipants(call: call),
);
},
);
},
callAppBarWidgetBuilder: (context, call) =>
const PreferredSize(preferredSize: Size.zero, child: SizedBox()),
callControlsWidgetBuilder: (context, call) => StreamBuilder(
stream: call.partialState(
(state) => state.otherParticipants.firstOrNull,
),
builder: (context, asyncSnapshot) {
return CallControls(
call: call,
otherParticipant: asyncSnapshot.data,
);
},
),
),
);
}
}