add support for HD videos

src/app/api/video/[videoId]/route.ts

@@ -35,7 +35,7 @@ export async function GET(req: NextRequest) {
           crossorigin="anonymous"
           playsinline
           webkit-playsinline
-          src="${video.assetUrl}">
+          src="${video.assetUrlHd || video.assetUrl}">
         </video>
       </a-assets>
       ${

src/app/embed/page.tsx

@@ -39,7 +39,7 @@ export async function generateMetadata(
         ],
         videos: [
           {
-            "url": video.assetUrl
+            "url": video.assetUrlHd || video.assetUrl
           }
         ],
         // images: ['/some-specific-page-image.jpg', ...previousImages],

src/app/interface/equirectangular-video-player/index.tsx

@@ -14,6 +14,8 @@ export function EquirectangularVideoPlayer({
   video?: VideoInfo
   className?: string
 }) {
+
+
   // we shield the VideeoSphere viewer from bad data
   if (!video?.assetUrl) { return null }
 

src/app/interface/equirectangular-video-player/viewer.tsx

@@ -79,7 +79,7 @@ export function VideoSphereViewer({
               {
                 id: 'HD',
                 label: 'Standard',
-                panorama: { source: video.assetUrl },
+                panorama: { source: video.assetUrlHd || video.assetUrl },
               },
             ],
           }],

src/app/interface/track-card/index.tsx

@@ -119,7 +119,7 @@ export function TrackCard({
                 playsInline
 
                 ref={ref}
-                src={media.assetUrl}
+                src={media.assetUrlHd || media.assetUrl}
                 className={cn(
                   `w-full h-full`,
                   `aspect-square`,

src/app/interface/video-card/index.tsx

@@ -112,7 +112,7 @@ export function VideoCard({
                 playsInline
 
                 ref={ref}
-                src={media.assetUrl}
+                src={media.assetUrlHd || media.assetUrl}
                 className={cn(
                   `w-full h-full`,
                   `object-cover`,

src/app/interface/video-player/cartesian.tsx

@@ -36,7 +36,7 @@ export function CartesianVideoPlayer({
           src={[
             {
               quality: "Full HD",
-              url: video.assetUrl,
+              url: video.assetUrlHd || video.assetUrl,
             }
           ]}
 

src/app/interface/video-player/equirectangular.tsx

@@ -79,7 +79,7 @@ export function EquirectangularVideoPlayer({
               {
                 id: 'HD',
                 label: 'Standard',
-                panorama: { source: video.assetUrl },
+                panorama: { source: video.assetUrlHd || video.assetUrl },
               },
             ],
           }],

src/app/page.tsx

@@ -50,7 +50,7 @@ export async function generateMetadata(
   
         videos: [
           {
-            "url": video.assetUrl
+            "url": video.assetUrlHd || video.assetUrl
           }
         ],
         // images: ['/some-specific-page-image.jpg', ...previousImages],

src/app/views/public-music-videos-view/index.tsx

@@ -35,7 +35,7 @@ export function PublicMusicVideosView() {
   }, [])
 
   const handleSelect = (media: VideoInfo) => {
-    console.log("going to play:", media.assetUrl.replace(".mp4", ".mp3"))
+    // console.log("going to play:", media.assetUrl.replace(".mp4", ".mp3"))
     playlist.playback({
       url: media.assetUrl.replace(".mp4", ".mp3"),
       meta: media,

src/app/watch/page.tsx

@@ -39,7 +39,7 @@ export async function generateMetadata(
         ],
         videos: [
           {
-            "url": video.assetUrl
+            "url": video.assetUrlHd || video.assetUrl
           }
         ],
         // images: ['/some-specific-page-image.jpg', ...previousImages],