Use webrtc for safari live view (#9839)

* Move safari function

* Use webrtc for safari

* Use taller aspect ratio for tall thumbnails

* Simplify thumbnail sizing

* Use correct aspect ratio on all devices

web/src/components/player/LivePlayer.tsx

@@ -87,6 +87,7 @@ export default function LivePlayer({
       <WebRtcPlayer
         className={`rounded-2xl h-full ${liveReady ? "" : "hidden"}`}
         camera={cameraConfig.live.stream_name}
+        playbackEnabled={cameraActive}
         onPlaying={() => setLiveReady(true)}
       />
     );