Implement small broadcast PiP (#9755)

src/components/views/voip/PipView.tsx

@@ -45,6 +45,7 @@ import {
     VoiceBroadcastPreRecordingPip,
     VoiceBroadcastRecording,
     VoiceBroadcastRecordingPip,
+    VoiceBroadcastSmallPlaybackBody,
 } from "../../../voice-broadcast";
 import { useCurrentVoiceBroadcastPlayback } from "../../../voice-broadcast/hooks/useCurrentVoiceBroadcastPlayback";
 
@@ -335,9 +336,17 @@ class PipView extends React.Component<IProps, IState> {
     }
 
     private createVoiceBroadcastPlaybackPipContent(voiceBroadcastPlayback: VoiceBroadcastPlayback): CreatePipChildren {
+        if (this.state.viewedRoomId === voiceBroadcastPlayback.infoEvent.getRoomId()) {
+            return ({ onStartMoving }) => (
+                <div onMouseDown={onStartMoving}>
+                    <VoiceBroadcastPlaybackBody playback={voiceBroadcastPlayback} pip={true} />
+                </div>
+            );
+        }
+
         return ({ onStartMoving }) => (
             <div onMouseDown={onStartMoving}>
-                <VoiceBroadcastPlaybackBody playback={voiceBroadcastPlayback} pip={true} />
+                <VoiceBroadcastSmallPlaybackBody playback={voiceBroadcastPlayback} />
             </div>
         );
     }