Add ability to interact with review items in events list (#11562)

* Add ability to interact with review items

* Ignore on iOS

* Don't load metadata

* Bug fixes

web/src/components/player/HlsVideoPlayer.tsx

@@ -272,8 +272,8 @@ export default function HlsVideoPlayer({
               ? onTimeUpdate(videoRef.current.currentTime)
               : undefined
           }
-          onLoadedData={onPlayerLoaded}
-          onLoadedMetadata={() => {
+          onLoadedData={() => {
+            onPlayerLoaded?.();
             handleLoadedMetadata();
 
             if (videoRef.current) {

web/src/components/player/LivePlayer.tsx

@@ -135,7 +135,7 @@ export default function LivePlayer({
       );
     }
   } else if (liveMode == "jsmpeg") {
-    if (cameraActive) {
+    if (cameraActive || !showStillWithoutActivity) {
       player = (
         <JSMpegPlayer
           className="flex size-full justify-center overflow-hidden rounded-lg md:rounded-2xl"

web/src/components/player/PreviewPlayer.tsx

@@ -302,7 +302,10 @@ function PreviewVideoPlayer({
         }}
       >
         {currentPreview != undefined && (
-          <source src={currentPreview.src} type={currentPreview.type} />
+          <source
+            src={`${baseUrl}${currentPreview.src.substring(1)}`}
+            type={currentPreview.type}
+          />
         )}
       </video>
       {cameraPreviews && !currentPreview && (

web/src/components/player/PreviewThumbnailPlayer.tsx

@@ -25,6 +25,7 @@ import { TimeRange } from "@/types/timeline";
 import { NoThumbSlider } from "../ui/slider";
 import { PREVIEW_FPS, PREVIEW_PADDING } from "@/types/preview";
 import { capitalizeFirstLetter } from "@/utils/stringUtil";
+import { baseUrl } from "@/api/baseUrl";
 
 type PreviewPlayerProps = {
   review: ReviewSegment;
@@ -575,7 +576,10 @@ export function VideoPreview({
         muted
         onTimeUpdate={onProgress}
       >
-        <source src={relevantPreview.src} type={relevantPreview.type} />
+        <source
+          src={`${baseUrl}${relevantPreview.src.substring(1)}`}
+          type={relevantPreview.type}
+        />
       </video>
       {showProgress && (
         <NoThumbSlider