From 579d78ba434059eb5d8012e07c2227554d4969b7 Mon Sep 17 00:00:00 2001
From: Gabe Farrell <gabe@mnrva.dev>
Date: Tue, 10 Dec 2024 02:15:24 -0500
Subject: [PATCH] infinite scrolling fixed

---
 bun.lockb                                | Bin 179808 -> 182107 bytes
 index.html                               |   2 +-
 package.json                             |   2 +
 src/App.vue                              |  34 ++-
 src/components/EpisodeThumb.vue          |  74 ++++++
 src/components/HomeMedia.vue             |  14 +-
 src/components/LatestMedia.vue           |  24 +-
 src/components/MediaGrid.vue             |  74 ++++--
 src/components/MediaScroller.vue         |  27 +-
 src/components/NextUp.vue                |  15 +-
 src/components/ScrollerItemLandscape.vue | 101 +++-----
 src/components/ScrollerItemPortrait.vue  | 119 +++------
 src/feed.ts                              | 312 +----------------------
 src/jfapi.ts                             | 184 +++++++++++--
 src/router/index.ts                      |  17 ++
 src/{components => }/utils.ts            |   0
 src/views/BrowseView.vue                 |  30 ++-
 src/views/ItemView.vue                   | 253 +++++++++++++-----
 src/views/LoginView.vue                  |   4 +-
 src/views/VideoView.vue                  |  42 +++
 20 files changed, 664 insertions(+), 664 deletions(-)
 create mode 100644 src/components/EpisodeThumb.vue
 rename src/{components => }/utils.ts (100%)
 create mode 100644 src/views/VideoView.vue

diff --git a/bun.lockb b/bun.lockb
index b401fecde8539c37bca4e2de52f7df678d4ec8f9..7bba183d0d88f427ac3c4b72b4f479e3b3b4ced9 100755
GIT binary patch
delta 33691
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

delta 32522
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
PM7!^{xv;%<V&4A(T~{TW

diff --git a/index.html b/index.html
index 54d1d57..b42436a 100644
--- a/index.html
+++ b/index.html
@@ -7,7 +7,7 @@
     <link rel="preconnect" href="https://fonts.googleapis.com" />
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
     <link
-      href="https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap"
+      href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Quicksand:wght@300..700&display=swap"
       rel="stylesheet"
     />
     <title>Vite App</title>
diff --git a/package.json b/package.json
index f3929ca..4ef70ef 100644
--- a/package.json
+++ b/package.json
@@ -21,6 +21,8 @@
     "@fortawesome/free-solid-svg-icons": "^6.7.1",
     "@fortawesome/vue-fontawesome": "^3.0.8",
     "@jellyfin/sdk": "^0.11.0",
+    "@vueuse/components": "^12.0.0",
+    "hls.js": "^1.5.17",
     "pinia": "^2.2.6",
     "vue": "^3.5.13",
     "vue-router": "^4.4.5"
diff --git a/src/App.vue b/src/App.vue
index 7d758fb..43967c3 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -2,6 +2,7 @@
 import { RouterLink, RouterView } from 'vue-router'
 import { ref } from 'vue'
 import jfapi from './jfapi'
+import { OnClickOutside } from '@vueuse/components'
 const menuOpen = ref(false)
 
 const logout = () => {
@@ -14,18 +15,27 @@ const logout = () => {
 }
 </script>
 <template>
-  <div class="primary-nav no-select" v-if="!$route.meta.isLoginPage">
-    <div class="menu-toggle" @click="menuOpen = !menuOpen">
-      <font-awesome-icon icon="fa-solid fa-bars" size="xl" />
+  <OnClickOutside @trigger="menuOpen = false">
+    <div
+      class="primary-nav no-select"
+      v-if="!$route.meta.isLoginPage && !$route.meta.isVideoPlayer"
+    >
+      <div class="menu-toggle" @click="menuOpen = !menuOpen">
+        <font-awesome-icon icon="fa-solid fa-bars" size="xl" />
+      </div>
+      <div class="menu" v-show="menuOpen">
+        <RouterLink class="menu-item" to="/home" key="home">Home</RouterLink>
+        <div class="menu-item">Settings</div>
+        <div class="menu-item" @click="logout">Sign Out</div>
+      </div>
     </div>
-    <div class="menu" v-show="menuOpen">
-      <RouterLink class="menu-item" to="/home">Home</RouterLink>
-      <div class="menu-item">Settings</div>
-      <div class="menu-item" @click="logout">Sign Out</div>
-    </div>
-  </div>
+  </OnClickOutside>
   <div class="wrapper">
-    <RouterView />
+    <router-view v-slot="{ Component, route }">
+      <transition name="fade">
+        <component :is="Component" :key="route.path" />
+      </transition>
+    </router-view>
   </div>
 </template>
 
@@ -40,8 +50,8 @@ const logout = () => {
 
 .menu-toggle {
   position: absolute;
-  top: 30px;
-  left: 30px;
+  top: 20px;
+  left: 20px;
 }
 .menu-toggle:hover {
   cursor: pointer;
diff --git a/src/components/EpisodeThumb.vue b/src/components/EpisodeThumb.vue
new file mode 100644
index 0000000..28ce588
--- /dev/null
+++ b/src/components/EpisodeThumb.vue
@@ -0,0 +1,74 @@
+<script setup lang="ts">
+import type { Item } from '@/jfapi'
+import jfapi from '@/jfapi'
+import { RouterLink } from 'vue-router'
+
+defineProps<{
+  item: Item
+}>()
+</script>
+
+<template>
+  <div class="episode-thumb no-select">
+    <div class="episode-img">
+      <font-awesome-icon icon="fa-solid fa-play" class="play-icon" />
+      <img :src="jfapi.PrimaryImageUrl(item.Id, item.ImageTags.Primary || '')" alt="" />
+    </div>
+    <RouterLink class="episode-title" :to="`/item/${item.Id}`" :key="item.Id">
+      {{ `S${item.ParentIndexNumber}:E${item.IndexNumber} - ${item.Name}` }}
+    </RouterLink>
+  </div>
+</template>
+
+<style scoped>
+.play-icon {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  -webkit-transform: translate(-50%, -50%);
+  -moz-transform: translate(-50%, -50%);
+  width: 35px;
+  height: 35px;
+  padding: 0.75em;
+  background: rgba(255, 255, 255, 0.2);
+  color: rgba(255, 255, 255, 0.5);
+  border-radius: 16px;
+  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
+  backdrop-filter: blur(4px);
+  -webkit-backdrop-filter: blur(4px);
+  border: 1px solid rgba(255, 255, 255, 0.3);
+  transition: background 10ms linear 0ms;
+  opacity: 0%;
+}
+.play-icon:hover {
+  background: rgba(122, 122, 122, 0.2);
+  cursor: pointer;
+}
+.episode-img {
+  position: relative;
+}
+.episode-img:hover .play-icon {
+  opacity: 100%;
+  transition:
+    all var(--hover-animation-speed) ease,
+    z-index 1ms;
+}
+.episode-thumb {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  margin-top: 1em;
+  gap: 0.5em;
+}
+.episode-thumb img {
+  width: 300px;
+  border-radius: 15px;
+  border: 2px solid rgba(255, 255, 255, 0.3);
+}
+.episode-title {
+  max-width: 240px;
+  text-align: center;
+  font-size: 14px;
+}
+</style>
diff --git a/src/components/HomeMedia.vue b/src/components/HomeMedia.vue
index 87cfc14..8338345 100644
--- a/src/components/HomeMedia.vue
+++ b/src/components/HomeMedia.vue
@@ -3,25 +3,21 @@ import type { View } from '@/jfapi'
 import NextUp from './NextUp.vue'
 import LatestMedia from './LatestMedia.vue'
 import { onBeforeMount, ref } from 'vue'
-
-// const props = defineProps<{
-//   views: View[]
-// }>()
+import jfapi from '@/jfapi'
 
 const views = ref<View[]>()
 const viewstring = ref<string | null>('')
 views.value = undefined
 onBeforeMount(() => {
   viewstring.value = localStorage.getItem('jf_views')
-  views.value = JSON.parse(viewstring.value ? viewstring.value : '')
+  views.value = JSON.parse(viewstring.value)
 })
-console.log('HomeMedia =>', views.value)
 </script>
 <template>
   <NextUp />
-  <!-- <MediaScroller title="Latest Movies" :items="LatestMovies" />
-<MediaScroller title="Latest Anime" :items="LatestAnime" /> -->
-  <LatestMedia v-for="view of views" :view="view" :key="view.Id" />
+  <div class="latest" v-if="viewstring != null">
+    <LatestMedia v-for="view of views" :view="view" :key="view.Id" />
+  </div>
 </template>
 
 <style scoped></style>
diff --git a/src/components/LatestMedia.vue b/src/components/LatestMedia.vue
index 6e88be5..4ee3f6c 100644
--- a/src/components/LatestMedia.vue
+++ b/src/components/LatestMedia.vue
@@ -3,7 +3,7 @@ import jfapi from '@/jfapi'
 import MediaScroller from './MediaScroller.vue'
 import type { FeedItem } from '@/feed'
 import type { View } from '@/jfapi'
-import { getDisplayDuration, getImageLink } from './utils'
+import { getDisplayDuration, getImageLink } from '../utils'
 
 const props = defineProps<{
   view: View
@@ -17,29 +17,22 @@ const Items = async (): Promise<FeedItem[]> => {
     if (data !== null) {
       console.log(data)
       for (const item of data) {
-        const summary = ''
         if (userid === null) {
           window.location.href = '/login'
         }
-        // const fullitem = await jfapi.GetItem(userid, item.Id)
-        // if (fullitem === null) {
-        //   continue
-        // } else {
-        //   summary = fullitem.Overview
-        // }
         feed.push({
           title: item.SeriesName || item.Name,
           subtext: item.SeriesName
             ? `S${item.ParentIndexNumber}:E${item.IndexNumber} - ${item.Name}`
             : String(item.ProductionYear),
           image: getImageLink(item),
-          summary: summary,
-          // infoSubtext: item.SeriesName
-          //   ? `S${item.ParentIndexNumber}:E${item.IndexNumber} - ${item.Name}`
-          //   : fullitem.OriginalTitle != item.Name
-          //     ? fullitem.OriginalTitle
-          //     : '',
-          infoSubtext: '',
+          summary: item.Overview,
+          infoSubtext:
+            item.Type === 'Episode'
+              ? `S${item.ParentIndexNumber}:E${item.IndexNumber} - ${item.Name}`
+              : item.OriginalTitle != item.Name
+                ? item.OriginalTitle
+                : '',
           imdbRating: String(item.CommunityRating),
           runtime: getDisplayDuration(item.RunTimeTicks),
           date: String(item.ProductionYear),
@@ -49,6 +42,7 @@ const Items = async (): Promise<FeedItem[]> => {
               ? String(item.UserData.UnplayedItemCount)
               : '',
           itemId: item.Id,
+          type: item.Type,
         })
       }
       console.log('LatestMedia.vue =>', feed)
diff --git a/src/components/MediaGrid.vue b/src/components/MediaGrid.vue
index 7d8ef82..9716f3a 100644
--- a/src/components/MediaGrid.vue
+++ b/src/components/MediaGrid.vue
@@ -1,25 +1,32 @@
 <script setup lang="ts">
 import type { FeedItem } from '@/feed'
 import jfapi, { type View } from '@/jfapi'
-import { getImageLink, getDisplayDuration } from './utils'
-import { onBeforeMount, ref } from 'vue'
+import { getImageLink, getDisplayDuration } from '../utils'
+import { onBeforeMount, onMounted, ref } from 'vue'
 import { useRoute } from 'vue-router'
 import ScrollerItemPortrait from './ScrollerItemPortrait.vue'
 
 const route = useRoute()
 const viewId = String(route.params.id)
 
+let index = 0
+let totalItems = 0
+
 console.log(viewId)
 
 const Items = async (viewId: string, type: string): Promise<FeedItem[]> => {
   return new Promise(async (resolve) => {
     const feed: FeedItem[] = []
     const userid = localStorage.getItem('jf_userid')
-    const data = await jfapi.GetItemsInView(userid ? userid : '', viewId, type)
+    const data = await jfapi.GetItemsInView(userid ? userid : '', viewId, type, index)
     if (data !== null) {
-      console.log(data)
+      index = data.StartIndex + 100
+      totalItems = data.TotalRecordCount
+      if (index > totalItems) {
+        index = totalItems
+      }
+      console.log('Index =>', index)
       for (const item of data.Items) {
-        const summary = ''
         if (userid === null) {
           window.location.href = '/login'
         }
@@ -29,8 +36,8 @@ const Items = async (viewId: string, type: string): Promise<FeedItem[]> => {
             ? `S${item.ParentIndexNumber}:E${item.IndexNumber} - ${item.Name}`
             : String(item.ProductionYear),
           image: getImageLink(item),
-          summary: summary,
-          infoSubtext: '',
+          summary: item.Overview,
+          infoSubtext: item.OriginalTitle == item.Name ? '' : item.OriginalTitle,
           imdbRating: String(item.CommunityRating),
           runtime: getDisplayDuration(item.RunTimeTicks),
           date: String(item.ProductionYear),
@@ -40,6 +47,7 @@ const Items = async (viewId: string, type: string): Promise<FeedItem[]> => {
               ? String(item.UserData.UnplayedItemCount)
               : '',
           itemId: item.Id,
+          type: item.Type,
         })
       }
       console.log('MediaGrid.vue =>', feed)
@@ -50,26 +58,49 @@ const Items = async (viewId: string, type: string): Promise<FeedItem[]> => {
 const items = ref<FeedItem[]>()
 const views = ref<View[]>()
 const viewstring = ref<string | null>('')
+const viewType = ref('')
+let loading = false
 views.value = undefined
 onBeforeMount(async () => {
   viewstring.value = localStorage.getItem('jf_views')
-  views.value = JSON.parse(viewstring.value ? viewstring.value : '')
-  let viewType = ''
-  for (const view of views.value) {
+  views.value = JSON.parse(viewstring.value || '')
+  for (const view of views.value || []) {
     if (view.Id === viewId) {
       if (view.CollectionType.toLowerCase() === 'movies') {
-        viewType = 'Movie'
+        viewType.value = 'Movie'
       } else if (view.CollectionType.toLowerCase() === 'tvshows') {
-        viewType = 'Series'
+        viewType.value = 'Series'
       }
     }
   }
   console.log('ItemType =>', viewType)
   const data = ref<FeedItem[]>()
   console.log(viewType)
-  data.value = await Items(viewId, viewType)
+  data.value = await Items(viewId, viewType.value)
   items.value = data.value
 })
+const onLoadMore = async () => {
+  if (index === totalItems || loading) {
+    return
+  }
+  loading = true
+  const more = await Items(viewId, viewType.value)
+  items.value?.push(...more)
+  loading = false
+}
+
+onMounted(() => {
+  const observer = new IntersectionObserver((entries) => {
+    if (entries[0].isIntersecting) {
+      onLoadMore()
+    }
+  })
+  const el = document.querySelector('.loading-trigger')
+  if (el) {
+    console.log('observing!')
+    observer.observe(el)
+  }
+})
 </script>
 
 <template>
@@ -77,27 +108,18 @@ onBeforeMount(async () => {
     <div class="grid-wrapper">
       <ScrollerItemPortrait
         v-for="item in items"
-        :title="item.title"
-        :subtext="item.subtext"
-        :image="item.image"
-        :info-subtext="item.infoSubtext"
-        :date="item.date"
-        :runtime="item.runtime"
-        :summary="item.summary"
-        :-m-p-a-a="item.MPAA"
-        :imdb-rating="item.imdbRating"
-        :key="item.title"
-        :itemId="item.itemId"
-        :tag="item.tag"
+        :item="item"
+        :key="item.itemId"
         class="scroller-item"
       />
+      <div class="loading-trigger"></div>
     </div>
   </div>
 </template>
 
 <style scoped>
 .media-grid {
-  width: 80%;
+  max-width: 80%;
   margin: auto;
   margin-top: 3em;
 }
diff --git a/src/components/MediaScroller.vue b/src/components/MediaScroller.vue
index 167a30a..6f08d68 100644
--- a/src/components/MediaScroller.vue
+++ b/src/components/MediaScroller.vue
@@ -70,35 +70,16 @@ const disableForward = () => {
       <div class="scroller-wrapper" v-if="landscape">
         <ScrollerItemLandscape
           v-for="item in items"
-          :title="item.title"
-          :subtext="item.subtext"
-          :image="item.image"
-          :info-subtext="item.infoSubtext"
-          :date="item.date"
-          :runtime="item.runtime"
-          :summary="item.summary"
-          :-m-p-a-a="item.MPAA"
-          :imdb-rating="item.imdbRating"
-          :itemId="item.itemId"
-          :key="item.title"
+          :item="item"
+          :key="item.itemId"
           class="scroller-item"
         />
       </div>
       <div class="scroller-wrapper" v-else>
         <ScrollerItemPortrait
           v-for="item in items"
-          :title="item.title"
-          :subtext="item.subtext"
-          :image="item.image"
-          :info-subtext="item.infoSubtext"
-          :date="item.date"
-          :runtime="item.runtime"
-          :summary="item.summary"
-          :-m-p-a-a="item.MPAA"
-          :imdb-rating="item.imdbRating"
-          :key="item.title"
-          :itemId="item.itemId"
-          :tag="item.tag"
+          :item="item"
+          :key="item.itemId"
           class="scroller-item"
         />
       </div>
diff --git a/src/components/NextUp.vue b/src/components/NextUp.vue
index b6518b8..439e71e 100644
--- a/src/components/NextUp.vue
+++ b/src/components/NextUp.vue
@@ -7,25 +7,18 @@ import type { Item } from '@/jfapi'
 const Items = async (): Promise<FeedItem[]> => {
   return new Promise(async (resolve) => {
     const feed: FeedItem[] = []
-    const data = await jfapi.GetNextUp()
+    const userid = localStorage.getItem('jf_userid')
+    const data = await jfapi.GetNextUp(userid || '')
     if (data !== null) {
       for (const item of data.Items) {
-        const summary = ''
-        const userid = localStorage.getItem('jf_userid')
         if (userid === null) {
           window.location.href = '/login'
         }
-        // const fullitem = await jfapi.GetItem(userid ? userid : '', item.Id)
-        // if (fullitem === null) {
-        //   summary = 'Failed to fetch content.'
-        // } else {
-        //   summary = fullitem.Overview
-        // }
         feed.push({
           title: item.SeriesName !== undefined ? item.SeriesName : '',
           subtext: `S${item.ParentIndexNumber}:E${item.IndexNumber} - ${item.Name}`,
           image: getImageLink(item),
-          summary: summary,
+          summary: item.Overview,
           infoSubtext: `S${item.ParentIndexNumber}:E${item.IndexNumber} - ${item.Name}`,
           imdbRating: String(item.CommunityRating),
           runtime: getDisplayDuration(item.RunTimeTicks),
@@ -33,6 +26,8 @@ const Items = async (): Promise<FeedItem[]> => {
           MPAA: item.OfficialRating,
           itemId: item.Id,
           tag: '',
+          seriesId: item.SeriesId,
+          type: item.Type,
         })
       }
       console.log('NextUp.vue =>', feed)
diff --git a/src/components/ScrollerItemLandscape.vue b/src/components/ScrollerItemLandscape.vue
index 93ca410..1f77d57 100644
--- a/src/components/ScrollerItemLandscape.vue
+++ b/src/components/ScrollerItemLandscape.vue
@@ -1,57 +1,9 @@
 <script setup lang="ts">
-import jfapi from '@/jfapi'
-import { ref } from 'vue'
-const props = defineProps({
-  title: {
-    type: String,
-    required: true,
-  },
-  subtext: {
-    type: String,
-    required: true,
-  },
-  image: {
-    type: String,
-    required: true,
-  },
-  summary: {
-    type: String,
-    // required: true,
-  },
-  infoSubtext: {
-    type: String,
-  },
-  date: {
-    type: String,
-    // required: true,
-  },
-  runtime: {
-    type: String,
-    // required: true,
-  },
-  imdbRating: {
-    type: String,
-    // required: true,
-  },
-  MPAA: {
-    type: String,
-  },
-  itemId: {
-    type: String,
-    required: true,
-  },
-})
-const overview = ref('')
-const seriesId = ref('')
-const userid = localStorage.getItem('jf_userid')
-jfapi.GetItem(userid ? userid : '', props.itemId).then((data) => {
-  if (data === null) {
-    // error
-  } else {
-    overview.value = data.Overview
-    seriesId.value = String(data.SeriesId)
-  }
-})
+import type { FeedItem } from '@/feed'
+
+const props = defineProps<{
+  item: FeedItem
+}>()
 </script>
 
 <template>
@@ -64,7 +16,7 @@ jfapi.GetItem(userid ? userid : '', props.itemId).then((data) => {
     <div class="scroller-item-img">
       <font-awesome-icon icon="fa-solid fa-play" class="play-icon" />
       <img
-        :src="props.image"
+        :src="props.item.image"
         alt=""
         :style="{
           width: `${240}px`,
@@ -73,33 +25,42 @@ jfapi.GetItem(userid ? userid : '', props.itemId).then((data) => {
       <div class="info-box">
         <div class="info-box-content">
           <div class="info-box-header">
-            <RouterLink class="info-box-title clamp" :to="`/item/${seriesId}`">{{
-              props.title
-            }}</RouterLink>
-            <div class="info-box-subtext">{{ props.infoSubtext }}</div>
+            <RouterLink
+              class="info-box-title clamp"
+              :to="`/item/${props.item.seriesId}`"
+              :key="props.item.seriesId"
+              >{{ props.item.title }}</RouterLink
+            >
+            <div class="info-box-subtext">{{ props.item.infoSubtext }}</div>
           </div>
-          <div class="info-box-summary clamp-4">{{ overview }}</div>
+          <div class="info-box-summary clamp-4">{{ props.item.summary }}</div>
           <div class="info-box-misc-info">
-            <div class="date">{{ props.date }}</div>
-            <div class="runtime">{{ props.runtime }}</div>
+            <div class="date">{{ props.item.date }}</div>
+            <div class="runtime">{{ props.item.runtime }}</div>
             <div class="imdb">
               <font-awesome-icon icon="fa-solid fa-star" size="xs" class="star-rating" />
-              {{ props.imdbRating }}
+              {{ props.item.imdbRating }}
             </div>
-            <div class="mpaa" v-show="props.MPAA !== undefined">
-              <span class="age-rating sm"> {{ props.MPAA }}</span>
+            <div class="mpaa" v-show="props.item.MPAA !== undefined">
+              <span class="age-rating sm"> {{ props.item.MPAA }}</span>
             </div>
             <div class="ends-at">Ends at 6:23pm</div>
           </div>
         </div>
       </div>
     </div>
-    <div class="scroller-item-title clamp-2" :style="{ maxWidth: `${240 - 5}px` }">
-      {{ props.title }}
-    </div>
-    <div class="scroller-item-subtext clamp" :style="{ maxWidth: `${240 - 5}px` }">
-      {{ props.subtext }}
-    </div>
+    <RouterLink
+      :to="`/item/${props.item.itemId}`"
+      class="scroller-item-description"
+      :key="props.item.itemId"
+    >
+      <div class="scroller-item-title clamp-2" :style="{ maxWidth: `${240 - 5}px` }">
+        {{ props.item.title }}
+      </div>
+      <div class="scroller-item-subtext clamp" :style="{ maxWidth: `${240 - 5}px` }">
+        {{ props.item.subtext }}
+      </div></RouterLink
+    >
   </div>
 </template>
 
diff --git a/src/components/ScrollerItemPortrait.vue b/src/components/ScrollerItemPortrait.vue
index 023c448..e1bc265 100644
--- a/src/components/ScrollerItemPortrait.vue
+++ b/src/components/ScrollerItemPortrait.vue
@@ -1,107 +1,56 @@
 <script setup lang="ts">
-import jfapi from '@/jfapi'
-import { ref } from 'vue'
+import type { FeedItem } from '@/feed'
 import { RouterLink } from 'vue-router'
 
-const props = defineProps({
-  title: {
-    type: String,
-    required: true,
-  },
-  subtext: {
-    type: String,
-    required: true,
-  },
-  image: {
-    type: String,
-    required: true,
-  },
-  summary: {
-    type: String,
-    // required: true,
-  },
-  infoSubtext: {
-    type: String,
-  },
-  date: {
-    type: String,
-    // required: true,
-  },
-  runtime: {
-    type: String,
-    // required: true,
-  },
-  imdbRating: {
-    type: String,
-    // required: true,
-  },
-  MPAA: {
-    type: String,
-  },
-  tag: {
-    type: String,
-  },
-  itemId: {
-    type: String,
-    required: true,
-  },
-})
-const overview = ref('')
-const infosubtxt = ref('')
-const userid = localStorage.getItem('jf_userid')
-jfapi.GetItem(userid ? userid : '', props.itemId).then((data) => {
-  if (data === null) {
-    // error
-  } else {
-    overview.value = data.Overview
-    infosubtxt.value =
-      data.Type === 'Episode'
-        ? `S${data.ParentIndexNumber}:E${data.IndexNumber} - ${data.Name}`
-        : data.OriginalTitle != data.Name
-          ? data.OriginalTitle
-          : ''
-  }
-})
+const props = defineProps<{
+  item: FeedItem
+}>()
 </script>
 
 <template>
   <div class="scroller-item">
     <div class="scroller-item-img">
-      <div class="poster-tag" v-if="props.tag !== '' && props.tag !== undefined">
-        <div class="text-tag" v-if="props.tag !== '0'">{{ props.tag }}</div>
+      <div class="poster-tag" v-if="props.item.tag !== '' && props.item.tag !== undefined">
+        <div class="text-tag" v-if="props.item.tag !== '0'">{{ props.item.tag }}</div>
         <div class="icon-tag" v-else>
           <font-awesome-icon icon="fa-solid fa-check" size="md" class="clickable" />
         </div>
       </div>
-      <font-awesome-icon icon="fa-solid fa-play" class="play-icon" />
-      <img
-        :src="props.image"
-        alt=""
-        :style="{
-          width: `${120}px`,
-          height: `${120 * (3 / 2)}px`,
-        }"
-      />
+      <div class="poster-img">
+        <font-awesome-icon icon="fa-solid fa-play" class="play-icon" />
+        <img
+          loading="lazy"
+          :src="props.item.image"
+          alt=""
+          :style="{
+            width: `${120}px`,
+            height: `${120 * (3 / 2)}px`,
+          }"
+        />
+      </div>
       <div class="info-box">
         <div class="info-box-content">
           <div class="info-box-header">
-            <RouterLink class="info-box-title clamp" :to="`/item/${props.itemId}`">{{
-              props.title
-            }}</RouterLink>
-            <div class="info-box-subtext" v-show="infosubtxt !== ''">
-              {{ infosubtxt }}
+            <RouterLink
+              class="info-box-title clamp"
+              :to="`/item/${props.item.itemId}`"
+              :key="props.item.itemId"
+              >{{ props.item.title }}</RouterLink
+            >
+            <div class="info-box-subtext" v-show="item.infoSubtext !== ''">
+              {{ item.infoSubtext }}
             </div>
           </div>
-          <div class="info-box-summary clamp-6">{{ overview }}</div>
+          <div class="info-box-summary clamp-6">{{ props.item.summary }}</div>
           <div class="info-box-misc-info">
-            <div class="date">{{ props.date }}</div>
-            <div class="runtime">{{ props.runtime }}</div>
+            <div class="date">{{ props.item.date }}</div>
+            <div class="runtime">{{ props.item.runtime }}</div>
             <div class="imdb">
               <font-awesome-icon icon="fa-solid fa-star" size="xs" class="star-rating" />
-              {{ props.imdbRating }}
+              {{ props.item.imdbRating }}
             </div>
-            <div class="mpaa" v-show="props.MPAA !== undefined">
-              <span class="age-rating sm">{{ props.MPAA }}</span>
+            <div class="mpaa" v-show="props.item.MPAA !== undefined">
+              <span class="age-rating sm">{{ props.item.MPAA }}</span>
             </div>
             <div class="ends-at">Ends at 6:23pm</div>
           </div>
@@ -109,10 +58,10 @@ jfapi.GetItem(userid ? userid : '', props.itemId).then((data) => {
       </div>
     </div>
     <div class="scroller-item-title clamp-2" :style="{ maxWidth: `${120 - 5}px` }">
-      {{ props.title }}
+      {{ props.item.title }}
     </div>
     <div class="scroller-item-subtext clamp" :style="{ maxWidth: `${120 - 5}px` }">
-      {{ props.subtext }}
+      {{ props.item.subtext }}
     </div>
   </div>
 </template>
diff --git a/src/feed.ts b/src/feed.ts
index 6602a03..19f1749 100644
--- a/src/feed.ts
+++ b/src/feed.ts
@@ -1,54 +1,3 @@
-// const ContinueWatching: FeedItem[] = [
-//   {
-//     title: 'Bloom Into You',
-//     subtext: 'S1:E7 - Secrets Galore / Sparks',
-//     image: 'biy_ep.jpg',
-//     summary: `Hee-do takes one giant leap closer to her dream. She's eager to tell Yi-jin the good news — but realizes he's disappeared without a trace. This is more content than there was before.`,
-//     infoSubtext: 'S1:E5 - Episode 5',
-//     imdbRating: '8.7',
-//     runtime: '1h 16m',
-//     date: '2022',
-//     MPAA: 'TV-14',
-//     tag: '',
-//   },
-//   {
-//     title: 'The Bear',
-//     subtext: 'S3:E9 - Apologies',
-//     image: 'bear_ep.jpg',
-//     summary: `Hee-do takes one giant leap closer to her dream. She's eager to tell Yi-jin the good news — but realizes he's disappeared without a trace.`,
-//     infoSubtext: 'S1:E5 - Episode 5',
-//     imdbRating: '8.7',
-//     runtime: '1h 16m',
-//     date: '2022',
-//     MPAA: 'TV-14',
-//     tag: '',
-//   },
-//   {
-//     title: 'BOCCHI THE ROCK!',
-//     subtext: 'S1:E12 - Morning Light Falls on You',
-//     image: 'bocchi_ep.jpg',
-//     summary: `Hee-do takes one giant leap closer to her dream. She's eager to tell Yi-jin the good news — but realizes he's disappeared without a trace.`,
-//     infoSubtext: 'S1:E5 - Episode 5',
-//     imdbRating: '8.7',
-//     runtime: '1h 16m',
-//     date: '2022',
-//     MPAA: 'TV-14',
-//     tag: '',
-//   },
-//   {
-//     title: 'Twenty Five Twenty One',
-//     subtext: 'S1:E5 - Episode 5',
-//     image: '2521_ep.jpg',
-//     summary: `Hee-do takes one giant leap closer to her dream. She's eager to tell Yi-jin the good news — but realizes he's disappeared without a trace.`,
-//     infoSubtext: 'S1:E5 - Episode 5',
-//     imdbRating: '8.7',
-//     runtime: '1h 16m',
-//     date: '2022',
-//     MPAA: 'TV-14',
-//     tag: '',
-//   },
-// ]
-
 type FeedItem = {
   title: string
   subtext: string
@@ -61,265 +10,8 @@ type FeedItem = {
   MPAA: string
   tag: string
   itemId: string
+  type: string // Episode | Series | Season | Movie
+  seriesId?: string
 }
 
-// const LatestMovies: FeedItem[] = [
-//   {
-//     title: 'Alien',
-//     subtext: '1979',
-//     image: 'alien.jpg',
-//     tag: '',
-//     summary:
-//       'The films spans two decades as the story unfolds in a series of flashbacks that begin when Qiyue and Ansheng were just thirteen. The two became inseparable until they met a boy who ended up tearing their lives apart.',
-//     infoSubtext: '七月与安生',
-//     imdbRating: '7.3',
-//     runtime: '1h 50m',
-//     date: '2016',
-//     MPAA: 'PG-13',
-//   },
-//   {
-//     title: 'Your Name',
-//     subtext: '2017',
-//     image: 'yourname.jpg',
-//     tag: '',
-//     summary:
-//       'The films spans two decades as the story unfolds in a series of flashbacks that begin when Qiyue and Ansheng were just thirteen. The two became inseparable until they met a boy who ended up tearing their lives apart.',
-//     infoSubtext: '七月与安生',
-//     imdbRating: '7.3',
-//     runtime: '1h 50m',
-//     date: '2016',
-//     MPAA: 'PG-13',
-//   },
-//   {
-//     title: 'SoulMate',
-//     subtext: '2016',
-//     image: 'soulmate.jpg',
-//     summary:
-//       'The films spans two decades as the story unfolds in a series of flashbacks that begin when Qiyue and Ansheng were just thirteen. The two became inseparable until they met a boy who ended up tearing their lives apart.',
-//     infoSubtext: '七月与安生',
-//     imdbRating: '7.3',
-//     runtime: '1h 50m',
-//     date: '2016',
-//     MPAA: 'PG-13',
-//     tag: '',
-//   },
-//   {
-//     title: 'Burning',
-//     subtext: '2018',
-//     image: 'burning.jpg',
-//     tag: '',
-//     summary:
-//       'The films spans two decades as the story unfolds in a series of flashbacks that begin when Qiyue and Ansheng were just thirteen. The two became inseparable until they met a boy who ended up tearing their lives apart.',
-//     infoSubtext: '七月与安生',
-//     imdbRating: '7.3',
-//     runtime: '1h 50m',
-//     date: '2016',
-//     MPAA: 'PG-13',
-//   },
-//   {
-//     title: 'Better Days',
-//     subtext: '2019',
-//     image: 'betterdays.jpg',
-//     tag: '',
-//     summary:
-//       'The films spans two decades as the story unfolds in a series of flashbacks that begin when Qiyue and Ansheng were just thirteen. The two became inseparable until they met a boy who ended up tearing their lives apart.',
-//     infoSubtext: '七月与安生',
-//     imdbRating: '7.3',
-//     runtime: '1h 50m',
-//     date: '2016',
-//     MPAA: 'PG-13',
-//   },
-//   {
-//     title: 'House of Hummingbird',
-//     subtext: '2019',
-//     image: 'hummingbird.jpg',
-//     tag: '',
-//     summary:
-//       'The films spans two decades as the story unfolds in a series of flashbacks that begin when Qiyue and Ansheng were just thirteen. The two became inseparable until they met a boy who ended up tearing their lives apart.',
-//     infoSubtext: '七月与安生',
-//     imdbRating: '7.3',
-//     runtime: '1h 50m',
-//     date: '2016',
-//     MPAA: 'PG-13',
-//   },
-//   {
-//     title: 'Where We Belong',
-//     subtext: '2019',
-//     image: 'wwb.jpg',
-//     summary: `Will there be someone like you where i'm going?\n
-// A teenager creates a checklist to complete before she studies abroad and realizes that her toughest task is leaving behind her best friend.`,
-//     infoSubtext: 'ที่ตรงนั้น มีฉันหรือเปล่า',
-//     imdbRating: '7.6',
-//     runtime: '2h 12m',
-//     date: '2019',
-//     MPAA: 'R',
-//     tag: '',
-//   },
-//   {
-//     title: '1917',
-//     subtext: '2019',
-//     image: '1917.jpg',
-//     tag: '',
-//     summary:
-//       'The films spans two decades as the story unfolds in a series of flashbacks that begin when Qiyue and Ansheng were just thirteen. The two became inseparable until they met a boy who ended up tearing their lives apart.',
-//     infoSubtext: '七月与安生',
-//     imdbRating: '7.3',
-//     runtime: '1h 50m',
-//     date: '2016',
-//     MPAA: 'PG-13',
-//   },
-//   {
-//     title: 'Life of Brian',
-//     subtext: '1979',
-//     image: 'lob.jpg',
-//     tag: '',
-//     summary:
-//       'The films spans two decades as the story unfolds in a series of flashbacks that begin when Qiyue and Ansheng were just thirteen. The two became inseparable until they met a boy who ended up tearing their lives apart.',
-//     infoSubtext: '七月与安生',
-//     imdbRating: '7.3',
-//     runtime: '1h 50m',
-//     date: '2016',
-//     MPAA: 'PG-13',
-//   },
-//   {
-//     title: 'Shoplifters',
-//     subtext: '2018',
-//     image: 'shoplifters.jpg',
-//     tag: '',
-//     summary:
-//       'The films spans two decades as the story unfolds in a series of flashbacks that begin when Qiyue and Ansheng were just thirteen. The two became inseparable until they met a boy who ended up tearing their lives apart.',
-//     infoSubtext: '七月与安生',
-//     imdbRating: '7.3',
-//     runtime: '1h 50m',
-//     date: '2016',
-//     MPAA: 'PG-13',
-//   },
-//   {
-//     title: 'The Lobster',
-//     subtext: '2016',
-//     image: 'lobster.jpg',
-//     tag: '',
-//     summary:
-//       'The films spans two decades as the story unfolds in a series of flashbacks that begin when Qiyue and Ansheng were just thirteen. The two became inseparable until they met a boy who ended up tearing their lives apart.',
-//     infoSubtext: '七月与安生',
-//     imdbRating: '7.3',
-//     runtime: '1h 50m',
-//     date: '2016',
-//     MPAA: 'PG-13',
-//   },
-//   {
-//     title: 'Her',
-//     subtext: '2013',
-//     image: 'her.jpg',
-//     tag: '',
-//     summary:
-//       'The films spans two decades as the story unfolds in a series of flashbacks that begin when Qiyue and Ansheng were just thirteen. The two became inseparable until they met a boy who ended up tearing their lives apart.',
-//     infoSubtext: '七月与安生',
-//     imdbRating: '7.3',
-//     runtime: '1h 50m',
-//     date: '2016',
-//     MPAA: 'PG-13',
-//   },
-// ]
-
-// const LatestAnime: FeedItem[] = [
-//   {
-//     title: 'Re:Zero - Starting Life in Another World',
-//     subtext: 'S3:E6 - Conditions of the Life We Live In',
-//     image: 'rezero.jpg',
-//     summary: `Hee-do takes one giant leap closer to her dream. She's eager to tell Yi-jin the good news — but realizes he's disappeared without a trace.`,
-//     infoSubtext: 'S1:E5 - Episode 5',
-//     imdbRating: '8.7',
-//     runtime: '1h 16m',
-//     date: '2022',
-//     MPAA: 'TV-14',
-//     tag: '',
-//   },
-//   {
-//     title: 'Serial Experiments Lain',
-//     subtext: '1998',
-//     image: 'lain.jpg',
-//     tag: '8',
-//     summary: `Hee-do takes one giant leap closer to her dream. She's eager to tell Yi-jin the good news — but realizes he's disappeared without a trace.`,
-//     infoSubtext: 'S1:E5 - Episode 5',
-//     imdbRating: '8.7',
-//     runtime: '1h 16m',
-//     date: '2022',
-//     MPAA: 'TV-14',
-//   },
-//   {
-//     title: 'Monster',
-//     subtext: '2004-2005',
-//     image: 'monster.jpg',
-//     summary: `Hee-do takes one giant leap closer to her dream. She's eager to tell Yi-jin the good news — but realizes he's disappeared without a trace.`,
-//     infoSubtext: 'S1:E5 - Episode 5',
-//     imdbRating: '8.7',
-//     runtime: '1h 16m',
-//     date: '2022',
-//     MPAA: 'TV-14',
-//     tag: '',
-//   },
-//   {
-//     title: 'Bloom Into You',
-//     subtext: '2018',
-//     image: 'biy.jpg',
-//     tag: '13',
-//     summary: `Hee-do takes one giant leap closer to her dream. She's eager to tell Yi-jin the good news — but realizes he's disappeared without a trace.`,
-//     infoSubtext: 'S1:E5 - Episode 5',
-//     imdbRating: '8.7',
-//     runtime: '1h 16m',
-//     date: '2022',
-//     MPAA: 'TV-14',
-//   },
-//   {
-//     title: 'Attack on Titan',
-//     subtext: '2013-2022',
-//     image: 'aot.jpg',
-//     tag: '99+',
-//     summary: `Hee-do takes one giant leap closer to her dream. She's eager to tell Yi-jin the good news — but realizes he's disappeared without a trace.`,
-//     infoSubtext: 'S1:E5 - Episode 5',
-//     imdbRating: '8.7',
-//     runtime: '1h 16m',
-//     date: '2022',
-//     MPAA: 'TV-14',
-//   },
-//   {
-//     title: "Frieren: Beyond Journey's End",
-//     subtext: '2023-2024',
-//     image: 'frieren.jpg',
-//     summary: `Hee-do takes one giant leap closer to her dream. She's eager to tell Yi-jin the good news — but realizes he's disappeared without a trace.`,
-//     infoSubtext: 'S1:E5 - Episode 5',
-//     imdbRating: '8.7',
-//     runtime: '1h 16m',
-//     date: '2022',
-//     MPAA: 'TV-14',
-//     tag: '',
-//   },
-//   {
-//     title: 'Lycoris Recoil',
-//     subtext: '2022',
-//     image: 'lycoris.jpg',
-//     summary: `Hee-do takes one giant leap closer to her dream. She's eager to tell Yi-jin the good news — but realizes he's disappeared without a trace.`,
-//     infoSubtext: 'S1:E5 - Episode 5',
-//     imdbRating: '8.7',
-//     runtime: '1h 16m',
-//     date: '2022',
-//     MPAA: 'TV-14',
-//     tag: '',
-//   },
-//   {
-//     title: 'Tengoku Daimakyo',
-//     subtext: '2023 - Present',
-//     image: 'tengoku.jpg',
-//     summary: `Hee-do takes one giant leap closer to her dream. She's eager to tell Yi-jin the good news — but realizes he's disappeared without a trace.`,
-//     infoSubtext: 'S1:E5 - Episode 5',
-//     imdbRating: '8.7',
-//     runtime: '1h 16m',
-//     date: '2022',
-//     MPAA: 'TV-14',
-//     tag: '',
-//   },
-// ]
-
 export type { FeedItem }
-// export { ContinueWatching, LatestMovies, LatestAnime }
diff --git a/src/jfapi.ts b/src/jfapi.ts
index 09704b1..c54cfd6 100644
--- a/src/jfapi.ts
+++ b/src/jfapi.ts
@@ -29,14 +29,6 @@ type View = {
   ParentId: string
 }
 
-type ViewList = {
-  Items: View[]
-}
-
-type NextUp = {
-  Items: Item[]
-}
-
 type Item = {
   Name: string
   OriginalTitle: string
@@ -48,19 +40,22 @@ type Item = {
   CommunityRating: number
   ProductionYear: number
   IndexNumber?: number
+  IsFolder: boolean
   ParentIndexNumber?: number
   SeriesName?: string
   SeriesId?: string
   Overview: string
   RunTimeTicks: number
   BackdropImageTags: string[]
+  ParentLogoItemId?: string
+  ParentLogoImageTag?: string
   ParentThumbItemId?: string
   ParentThumbImageTag?: string
   ParentBackdropItemId?: string
   ParentBackdropImageTags?: string[]
   SeriesPrimaryImageTag?: string
   UserData?: UserData
-  MediaStreams: MediaStream[]
+  MediaStreams?: MediaStream[]
   Taglines: string[]
   Genres: string[]
   Studios: Studio[]
@@ -89,10 +84,12 @@ type MediaStream = {
   IsForced: boolean
 }
 
-type ItemList = {
-  Items: Item[]
-  StartIndex: number
-  TotalRecordCount: number
+type MediaSegment = {
+  EndTicks: number
+  Id: string
+  ItemId: string
+  StartTicks: number
+  Type: string // Intro | Outro
 }
 
 type UserData = {
@@ -107,21 +104,64 @@ type ImageTags = {
 
 type User = {
   Name: string
-  Host: string
   Id: string
   Views?: View[]
 }
 
-export type { User, View, Item, ViewList, ItemList, MediaStream }
+type Records<T> = {
+  Items: T[]
+  StartIndex: number
+  TotalRecordCount: number
+}
+
+export type { User, View, Item, Records, MediaStream, MediaSegment }
+
+const generateId = () => {
+  const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789'
+  let result = ' '
+  const charactersLength = characters.length
+  for (let i = 0; i < 64; i++) {
+    result += characters.charAt(Math.floor(Math.random() * charactersLength))
+  }
+
+  return result
+}
 
 class JFApi {
+  buildAuthHeader(): string {
+    let deviceId = localStorage.getItem('jf_deviceId')
+    if (deviceId === null) {
+      deviceId = generateId()
+      localStorage.setItem('jf_deviceId', deviceId)
+    }
+    return `MediaBrowser Client="Featherfin", Device="${detectBrowser()}", DeviceId="${deviceId}", Version="v0.0.1", Token="${localStorage.getItem('jfauth_token')}"`
+  }
+  buildRequest(endpoint: Endpoint): Request {
+    const host = localStorage.getItem('jf_host') === null ? '' : localStorage.getItem('jf_host')
+    let deviceId = localStorage.getItem('jf_deviceId')
+    if (deviceId === null) {
+      deviceId = generateId()
+      localStorage.setItem('jf_deviceId', deviceId)
+    }
+    return new Request(`${host}${endpoint.resource}`, {
+      method: endpoint?.method,
+      headers: {
+        Authorization: this.buildAuthHeader(),
+      },
+    })
+  }
   request<T>(endpoint: Endpoint): Promise<T | null> {
     const host = localStorage.getItem('jf_host') === null ? '' : localStorage.getItem('jf_host')
+    let deviceId = localStorage.getItem('jf_deviceId')
+    if (deviceId === null) {
+      deviceId = generateId()
+      localStorage.setItem('jf_deviceId', deviceId)
+    }
     return new Promise((resolve) => {
       fetch(`${host}${endpoint.resource}`, {
         method: endpoint?.method,
         headers: {
-          Authorization: `MediaBrowser Client="Featherfin", Device="${detectBrowser()}", DeviceId="abc123", Version="v0.0.1", Token="${localStorage.getItem('jfauth_token')}"`,
+          Authorization: this.buildAuthHeader(),
         },
       })
         .then(async (response) => {
@@ -134,7 +174,7 @@ class JFApi {
         })
     })
   }
-  LoadViews(userid: string): Promise<ViewList | null> {
+  LoadViews(userid: string): Promise<Records<View> | null> {
     return this.request({
       resource: `/UserViews?userId=${userid}`,
       method: 'GET',
@@ -142,28 +182,105 @@ class JFApi {
   }
   GetLatest(userid: string, view: View): Promise<Item[] | null> {
     return this.request({
-      resource: `/Users/${userid}/Items/Latest?Limit=16&Fields=PrimaryImageAspectRatio%2CPath&ImageTypeLimit=1&EnableImageTypes=Primary%2CBackdrop%2CThumb&ParentId=${view.Id}`,
+      resource: `/Users/${userid}/Items/Latest?Limit=16&Fields=PrimaryImageAspectRatio%2COverview%2CPath%2COriginalTitle&ImageTypeLimit=1&EnableImageTypes=Primary%2CBackdrop%2CThumb&ParentId=${view.Id}`,
       method: 'GET',
     })
   }
-  GetNextUp(): Promise<NextUp | null> {
+  GetNextUp(userId: string): Promise<Records<Item> | null> {
     return this.request({
-      resource: `/Shows/NextUp?Limit=24&Fields=PrimaryImageAspectRatio%2CDateCreated%2CPath%2CMediaSourceCount&UserId=f7967316db8e46b4960690d0df2c0163&ImageTypeLimit=1&EnableImageTypes=Primary%2CBackdrop%2CBanner%2CThumb&EnableTotalRecordCount=false&DisableFirstEpisode=false&NextUpDateCutoff=2023-12-03T21%3A55%3A33.690Z&EnableResumable=false&EnableRewatching=false`,
+      resource: `/Shows/NextUp?Limit=24&Fields=PrimaryImageAspectRatio%2CDateCreated%2CPath%2CMediaSourceCount%2COverview%2COriginalTitle&UserId=${userId}&ImageTypeLimit=1&EnableImageTypes=Primary%2CBackdrop%2CBanner%2CThumb&EnableTotalRecordCount=false&DisableFirstEpisode=false&NextUpDateCutoff=2023-12-03T21%3A55%3A33.690Z&EnableResumable=false&EnableRewatching=false`,
       method: 'GET',
     })
   }
-  GetItem(userid: string, itemId: string): Promise<Item | null> {
+  GetNextUpInSeries(userId: string, seriesId: string): Promise<Records<Item> | null> {
     return this.request({
+      resource: `/Shows/NextUp?SeriesId=${seriesId}&UserId=${userId}&Fields=MediaSourceCount%2COverview%2COriginalTitle`,
+      method: 'GET',
+    })
+  }
+  GetSeasons(userId: string, seriesId: string): Promise<Records<Item> | null> {
+    return this.request({
+      resource: `/Shows/${seriesId}/Seasons?userId=${userId}&Fields=ItemCounts%2CPrimaryImageAspectRatio%2CMediaSourceCount`,
+      method: 'GET',
+    })
+  }
+  GetEpisodes(userId: string, seriesId: string, seasonId: string): Promise<Records<Item> | null> {
+    return this.request({
+      resource: `/Shows/${seriesId}/Episodes?seasonId=${seasonId}&userId=${userId}&Fields=ItemCounts%2CPrimaryImageAspectRatio%2CMediaSourceCount%2COverview%2COriginalTitle`,
+      method: 'GET',
+    })
+  }
+  GetFirstEpisode(userId: string, seriesId: string): Promise<Records<Item> | null> {
+    return this.request({
+      resource: `/Shows/${seriesId}/Episodes?userId=${userId}&Fields=ItemCounts%2CPrimaryImageAspectRatio%2CMediaSourceCount%2COverview%2COriginalTitle&limit=1`,
+      method: 'GET',
+    })
+  }
+  GetItem(userid: string, itemId: string): Promise<Item | null> {
+    const req = this.buildRequest({
       resource: `/Items/${itemId}?userId=${userid}`,
       method: 'GET',
     })
+    return new Promise((resolve) => {
+      caches.open('jfapi_item_cache').then((cache) => {
+        cache.match(req).then((response) => {
+          if (response) {
+            resolve(response.json() as Promise<Item>)
+          } else {
+            fetch(req)
+              .then(async (response) => {
+                if (response.status === 401) {
+                  window.location.href = '/login'
+                }
+                await cache.put(req, response.clone())
+                resolve(response.json() as Promise<Item | null>)
+              })
+              .catch((error) => {
+                console.log(error)
+                resolve(null)
+              })
+          }
+        })
+      })
+    })
+  }
+  GetItemsInView(userid: string, viewId: string, type: string, startIndex: number) {
+    return this.request<Records<Item>>({
+      resource: `/Users/${userid}/Items?SortBy=SortName&SortOrder=Ascending&IncludeItemTypes=${type}&Recursive=true&Fields=PrimaryImageAspectRatio%2COverview%2COriginalTitle&ImageTypeLimit=1&EnableImageTypes=Primary%2CBackdrop%2CBanner%2CThumb&StartIndex=${startIndex}&Limit=100&ParentId=${viewId}`,
+      method: 'GET',
+    })
   }
-  GetItemsInView(userid: string, viewId: string, type: string) {
-    return this.request<ItemList>({
-      resource: `/Users/${userid}/Items?SortBy=SortName&SortOrder=Ascending&IncludeItemTypes=${type}&Recursive=true&Fields=PrimaryImageAspectRatio&ImageTypeLimit=1&EnableImageTypes=Primary%2CBackdrop%2CBanner%2CThumb&StartIndex=0&Limit=100&ParentId=${viewId}`,
+  GetIntroOutroSegments(itemId: string): Promise<Records<MediaSegment> | null> {
+    return this.request({
+      resource: `/MediaSegments/${itemId}?includeSegmentTypes=Outro&includeSegmentTypes=Intro`,
       method: 'GET',
     })
   }
+  PostProgress(userId: string, itemId: string, sessionId: string, ticks: number) {
+    const host = localStorage.getItem('jf_host') === null ? '' : localStorage.getItem('jf_host')
+    fetch(`${host}/Sessions/Playing/Progress`, {
+      body: JSON.stringify({
+        CanSeek: true,
+        ItemId: itemId,
+        SessionId: sessionId, // TODO
+        MediaSourceId: itemId,
+        AudioStreamIndex: 1, // TODO
+        SubtitleStreamIndex: 3, // TODO
+        IsPaused: false,
+        IsMuted: false,
+        PositionTicks: ticks,
+        VolumeLevel: 100,
+        PlayMethod: 'Transcode',
+        PlaySessionId: sessionId, // same as SessionId
+        RepeatMode: 'RepeatAll',
+      }),
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+        Authorization: this.buildAuthHeader(),
+      },
+    })
+  }
   ThumbImageUrl(itemId: string, imgTag: string) {
     const host = localStorage.getItem('jf_host') === null ? '' : localStorage.getItem('jf_host')
     return `${host}/Items/${itemId}/Images/Thumb?fillHeight=267&fillWidth=474&quality=96&tag=${imgTag}`
@@ -185,13 +302,18 @@ class JFApi {
     return `${host}/Items/${itemId}/Images/Logo?tag=${imgTag}`
   }
   Login(host: string, username: string, password: string): Promise<User | null> {
+    let deviceId = localStorage.getItem('jf_deviceId')
+    if (deviceId === null) {
+      deviceId = generateId()
+      localStorage.setItem('jf_deviceId', deviceId)
+    }
     return new Promise((resolve) => {
       fetch(`${host}/Users/authenticatebyname`, {
         method: 'POST',
         body: JSON.stringify({ Username: username, Pw: password }),
         headers: {
           'Content-Type': 'application/json',
-          Authorization: `MediaBrowser Client="Featherfin", Device="${detectBrowser()}", DeviceId="abc123", Version="v0.0.1", Token="${localStorage.getItem('jfauth_token')}"`,
+          Authorization: this.buildAuthHeader(),
         },
       })
         .then((r) => r.json().then((data) => ({ status: r.status, body: data })))
@@ -205,7 +327,6 @@ class JFApi {
             resolve({
               Name: data.body.User.Name,
               Id: data.body.User.Id,
-              Host: 'http://192.168.0.63:30013',
             })
           }
         })
@@ -241,5 +362,16 @@ Authentication is done by appending 'Token="MyTokenXYZ123"' to Authorization hea
 - /Items/Item.Id/Similar?userId=User.Id&limit=12&fields=PrimaryImageAspectRatio - returns similar items
 - /Items/Item.Id/Images/Primary?fillHeight=713&fillWidth=500&quality=96&tag=Item.ImageTags.Primary - returns Primary Image
 - /.../Images/Thumb?...&tag=Episode.ParentThumbImageTag
+- /Users/User.Id/PlayedItems/Item.Id - DELETE: remove played status; POST w/ DatePlayed=2024-12-04T20%3A18%3A28.936Z: add played status (GMT time zone)
+- /Users/User.Id/FavoriteItems/Item.Id - DELETE: remove favorite status; POST: add favorite status
 - /Sessions/Logout - logout
+
+Play video flow:
+- POST /PlayBackInfo
+    Body (among other things): AudioStreamIndex, SubtitleStreamIndex, StartTimeTicks...
+    Response (among other things): Bitrate, TranscodingUrl, RunTimeTicks, PlaySessionId, ETag
+    When not transcoding, GET /Videos/Item.Id/stream.mp4/Static=true&mediaSourceId=Item.Id&deviceId=Device.Id&api_key={}&Tag=ETag
+- POST /Sessions/Playing
+    Body (among other things): AudioStreamIndex, SubtitleStreamIndex, PlayMethod
+- GET /System/Configuration/encoding: seems to just return server transcoding capabilities
 */
diff --git a/src/router/index.ts b/src/router/index.ts
index 225a5f8..f2f306a 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -3,6 +3,7 @@ import BrowseView from '@/views/BrowseView.vue'
 import HomeMedia from '@/components/HomeMedia.vue'
 import MediaGrid from '@/components/MediaGrid.vue'
 import ItemView from '@/views/ItemView.vue'
+import VideoView from '@/views/VideoView.vue'
 
 const router = createRouter({
   history: createWebHistory(import.meta.env.BASE_URL),
@@ -20,6 +21,9 @@ const router = createRouter({
         {
           path: 'view/:id',
           component: MediaGrid,
+          meta: {
+            transition: 'slide-right',
+          },
         },
       ],
     },
@@ -33,6 +37,19 @@ const router = createRouter({
         },
       ],
     },
+    {
+      path: '/play',
+      redirect: '/home',
+      children: [
+        {
+          path: ':id',
+          component: VideoView,
+        },
+      ],
+      meta: {
+        isVideoPlayer: true,
+      },
+    },
     {
       path: '/login',
       name: 'login',
diff --git a/src/components/utils.ts b/src/utils.ts
similarity index 100%
rename from src/components/utils.ts
rename to src/utils.ts
diff --git a/src/views/BrowseView.vue b/src/views/BrowseView.vue
index fc27cc3..cf4d5e0 100644
--- a/src/views/BrowseView.vue
+++ b/src/views/BrowseView.vue
@@ -1,17 +1,29 @@
 <script setup lang="ts">
 import MediaShowcase from '@/components/MediaShowcase.vue'
-import type { View, ViewList } from '@/jfapi'
+import type { Records, View } from '@/jfapi'
 import { onBeforeMount, ref } from 'vue'
 import jfapi from '@/jfapi'
 import { useRoute } from 'vue-router'
 
 const views = ref<View[]>()
 onBeforeMount(async () => {
-  const viewlist = ref<ViewList | null>()
+  const viewlist = ref<Records<View> | null>()
   const userid = localStorage.getItem('jf_userid')
   const host = localStorage.getItem('jf_host')
+  const viewstring = localStorage.getItem('jf_views')
+  if (viewstring !== null && viewstring !== 'undefined' && viewstring !== '') {
+    console.log('viewstring is valid')
+    views.value = JSON.parse(viewstring)
+  } else {
+    viewlist.value = await jfapi.LoadViews(userid ? userid : '')
+    if (viewlist.value === null) {
+      // error
+    } else {
+      views.value = viewlist.value.Items
+      localStorage.setItem('jf_views', JSON.stringify(viewlist.value ? viewlist.value.Items : ''))
+    }
+  }
   console.log('Host =>', host)
-  viewlist.value = await jfapi.LoadViews(userid ? userid : '')
   if (window.location.pathname.toLowerCase() !== '/login') {
     if (host === null) {
       window.location.href = '/login'
@@ -19,8 +31,6 @@ onBeforeMount(async () => {
       window.location.href = '/login'
     }
   }
-  localStorage.setItem('jf_views', JSON.stringify(viewlist.value ? viewlist.value.Items : ''))
-  views.value = viewlist.value ? viewlist.value.Items : undefined
   console.log(views.value)
 })
 
@@ -37,7 +47,11 @@ const viewIsActive = (id: string) => {
   <main>
     <MediaShowcase />
     <div class="home-nav">
-      <RouterLink to="/home" class="home-nav-item" :class="homeIsActive() ? 'active' : ''"
+      <RouterLink
+        to="/home"
+        class="home-nav-item"
+        :class="homeIsActive() ? 'active' : ''"
+        key="home"
         >Home</RouterLink
       >
       <RouterLink
@@ -54,6 +68,7 @@ const viewIsActive = (id: string) => {
         ><component :is="Component" :key="route.path"
       /></RouterView>
     </div>
+    <div class="footer"></div>
   </main>
 </template>
 
@@ -86,4 +101,7 @@ a {
 .media {
   margin: 0 10%;
 }
+.footer {
+  height: 100px;
+}
 </style>
diff --git a/src/views/ItemView.vue b/src/views/ItemView.vue
index 1472dcd..043428f 100644
--- a/src/views/ItemView.vue
+++ b/src/views/ItemView.vue
@@ -1,8 +1,9 @@
 <script setup lang="ts">
+import EpisodeThumb from '@/components/EpisodeThumb.vue'
 import MediaInfo from '@/components/MediaInfo.vue'
 import jfapi, { type Item } from '@/jfapi'
 import { ref } from 'vue'
-import { useRoute } from 'vue-router'
+import { useRoute, RouterLink } from 'vue-router'
 
 const route = useRoute()
 
@@ -11,19 +12,56 @@ const itemId = String(route.params.id)
 const item = ref<Item>()
 const directors = ref<string[]>([])
 const writers = ref<string[]>([])
-// const studios = ref<string[]>()
+const selectSubTrack = ref('')
+const selectAudioTrack = ref('')
+const nextUp = ref<Item>()
 const numAudioStreams = ref(0)
-const userid = localStorage.getItem('jf_userid')
-jfapi.GetItem(userid ? userid : '', itemId).then((data) => {
+const userid = localStorage.getItem('jf_userid') || ''
+jfapi.GetItem(userid, itemId).then((data) => {
   if (data === null) {
     // error
   } else {
     item.value = data
+    if (item.value.IsFolder) {
+      console.log('Item is a Series')
+      // item is a full series
+      jfapi.GetNextUpInSeries(userid, item.value.Id || '').then((data) => {
+        if (data?.Items && data.Items.length > 0) {
+          nextUp.value = data.Items[0]
+        } else {
+          jfapi.GetFirstEpisode(userid, item.value?.Id).then((data) => {
+            if (data?.Items) {
+              nextUp.value = data.Items[0]
+            }
+          })
+        }
+      })
+    }
   }
-  if (item.value !== undefined) {
+  if (item.value !== undefined && item.value.MediaStreams !== undefined) {
     for (const stream of item.value.MediaStreams) {
       if (stream.Type.toLowerCase() === 'audio') {
         numAudioStreams.value++
+        if (stream.IsForced && !selectAudioTrack.value.includes('Forced')) {
+          selectAudioTrack.value = stream.DisplayTitle
+        } else if (
+          stream.IsDefault &&
+          !selectAudioTrack.value.includes('Forced') &&
+          !selectAudioTrack.value.includes('Default')
+        ) {
+          selectAudioTrack.value = stream.DisplayTitle
+        }
+      } else if (stream.Type.toLowerCase() === 'subtitle') {
+        if (stream.IsForced && !selectSubTrack.value.includes('Forced')) {
+          selectSubTrack.value = stream.DisplayTitle
+        } else if (
+          stream.IsDefault &&
+          !selectSubTrack.value.includes('Forced') &&
+          !selectSubTrack.value.includes('Default')
+        ) {
+          console.log(stream)
+          selectSubTrack.value = stream.DisplayTitle
+        }
       }
     }
     for (const person of item.value.People) {
@@ -42,26 +80,48 @@ const arrayRange = (start: number, stop: number) =>
 
 <template>
   <div
+    v-if="item"
     class="container"
     :style="{
       backgroundAttachment: 'fixed',
       backgroundSize: 'cover',
-      backgroundImage: `url(${jfapi.FullBackdropImageUrl(item ? item.Id : '', item ? item.BackdropImageTags[0] : '', 0)})`,
+      backgroundImage: `url(${
+        item.ParentBackdropItemId && item.ParentBackdropImageTags
+          ? jfapi.FullBackdropImageUrl(
+              item.ParentBackdropItemId,
+              item.ParentBackdropImageTags[0],
+              0,
+            )
+          : jfapi.FullBackdropImageUrl(item.Id, item.BackdropImageTags[0], 0)
+      })`,
     }"
   >
     <div class="content-wrapper">
       <div class="item-info">
-        <div class="logo">
-          <img :src="`${jfapi.LogoImageUrl(item.Id, item.ImageTags.Logo)}`" alt="" />
-          <MediaInfo />
+        <div class="media-title">
+          <div class="logo">
+            <img
+              v-if="item.ImageTags.Logo || item.ParentLogoImageTag"
+              :src="`${
+                item.ParentLogoImageTag && item.ParentLogoItemId
+                  ? jfapi.LogoImageUrl(item.ParentLogoItemId, item.ParentLogoImageTag)
+                  : jfapi.LogoImageUrl(item.Id, item.ImageTags.Logo)
+              }`"
+              alt=""
+            />
+            <div class="title" v-else>{{ item.SeriesName ? item.SeriesName : item.Name }}</div>
+            <MediaInfo />
+          </div>
         </div>
         <div class="info-wrapper">
           <div class="section">
-            <div class="detail-buttons">
+            <div :class="`detail-buttons ${!item.IsFolder ? '' : 'wide'}`">
               <div class="play-button">
-                <button class="primary-button">
-                  <font-awesome-icon icon="fa-solid fa-play" size="md" />Play Now
-                </button>
+                <RouterLink :to="`/play/${item.Id}`">
+                  <button class="primary-button">
+                    <font-awesome-icon icon="fa-solid fa-play" size="md" />Play Now
+                  </button>
+                </RouterLink>
               </div>
               <div class="user-buttons">
                 <div class="watched">
@@ -72,39 +132,46 @@ const arrayRange = (start: number, stop: number) =>
                 </div>
               </div>
             </div>
-            <div class="media-streams">
-              <div class="stream-type">Video</div>
-              <div class="stream-value">{{ item?.MediaStreams[0].DisplayTitle }}</div>
-              <div class="stream-type">Audio</div>
-              <div class="stream-selector" v-if="numAudioStreams > 1">
-                <select name="audio-stream-select" :id="`${item?.Id}-audio-select`">
-                  <option
-                    :value="`${item?.MediaStreams}`"
-                    v-for="i in arrayRange(1, numAudioStreams)"
-                    :key="`audio-stream-${i}`"
-                  >
-                    {{ item?.MediaStreams[i].DisplayTitle }}
-                  </option>
-                </select>
+            <div class="media-streams" v-if="item.MediaStreams !== undefined">
+              <div class="info-item">
+                <div class="stream-type">Video</div>
+                <div class="stream-value">{{ item?.MediaStreams[0].DisplayTitle }}</div>
+              </div>
+              <div class="info-item">
+                <div class="stream-type">Audio</div>
+                <div class="stream-selector" v-if="numAudioStreams > 1">
+                  <select name="audio-stream-select" :id="`${item?.Id}-audio-select`">
+                    <option
+                      :value="`${item?.MediaStreams}`"
+                      v-for="i in arrayRange(1, numAudioStreams)"
+                      :key="`audio-stream-${i}`"
+                    >
+                      {{ item?.MediaStreams[i].DisplayTitle }}
+                    </option>
+                  </select>
+                </div>
+                <div class="stream-value" v-else>{{ item?.MediaStreams[1].DisplayTitle }}</div>
               </div>
-              <div class="stream-value" v-else>{{ item?.MediaStreams[1].DisplayTitle }}</div>
-              <div class="stream-type">Subtitles</div>
-              <div class="stream-selector">
-                <select
-                  name="subtitle-stream-select"
-                  :id="`${item?.Id}-subtitle-select`"
-                  v-if="item?.MediaStreams.length > numAudioStreams + 1"
-                >
-                  <option value="Off">Off</option>
-                  <option
-                    :value="`${item?.MediaStreams}`"
-                    v-for="i in arrayRange(numAudioStreams + 1, item.MediaStreams.length - 1)"
-                    :key="`subtitle-stream-${i}`"
+              <div class="info-item">
+                <div class="stream-type">Subtitles</div>
+                <div class="stream-selector">
+                  <select
+                    name="subtitle-stream-select"
+                    :id="`${item?.Id}-subtitle-select`"
+                    v-if="item?.MediaStreams.length > numAudioStreams + 1"
                   >
-                    {{ item?.MediaStreams[i].DisplayTitle }}
-                  </option>
-                </select>
-                <div class="stream-value" v-else>None</div>
+                    <option value="Off">Off</option>
+                    <option
+                      :value="`${item?.MediaStreams[i].DisplayTitle}`"
+                      v-for="i in arrayRange(numAudioStreams + 1, item.MediaStreams.length - 1)"
+                      :selected="item?.MediaStreams[i].DisplayTitle === selectSubTrack"
+                      :key="`subtitle-stream-${i}`"
+                    >
+                      {{ item?.MediaStreams[i].DisplayTitle }}
+                    </option>
+                  </select>
+                  <div class="stream-value" v-else>None</div>
+                </div>
               </div>
             </div>
           </div>
@@ -115,14 +182,26 @@ const arrayRange = (start: number, stop: number) =>
             {{ item?.Overview }}
           </div>
           <div class="misc-info">
-            <div class="info-type">Genre</div>
-            <div class="info-value">{{ item?.Genres.join(', ') }}</div>
-            <div class="info-type">{{ 'Director' + (directors.length > 1 ? 's' : '') }}</div>
-            <div class="info-value">{{ directors.join(', ') }}</div>
-            <div class="info-type">{{ 'Writer' + (writers.length > 1 ? 's' : '') }}</div>
-            <div class="info-value">{{ writers.join(', ') }}</div>
-            <div class="info-type">{{ 'Studio' + (item?.Studios.length > 1 ? 's' : '') }}</div>
-            <div class="info-value">{{ item?.Studios.map((s) => s.Name).join(', ') }}</div>
+            <div v-if="item.Genres.length > 0" class="info-item">
+              <div class="info-type">Genre</div>
+              <div class="info-value">{{ item?.Genres.join(', ') }}</div>
+            </div>
+            <div v-if="directors.length > 0" class="info-item">
+              <div class="info-type">{{ 'Director' + (directors.length > 1 ? 's' : '') }}</div>
+              <div class="info-value">{{ directors.join(', ') }}</div>
+            </div>
+            <div v-if="writers.length > 0" class="info-item">
+              <div class="info-type">{{ 'Writer' + (writers.length > 1 ? 's' : '') }}</div>
+              <div class="info-value">{{ writers.join(', ') }}</div>
+            </div>
+            <div v-if="item.Studios.length > 0" class="info-item">
+              <div class="info-type">{{ 'Studio' + (item?.Studios.length > 1 ? 's' : '') }}</div>
+              <div class="info-value">{{ item?.Studios.map((s) => s.Name).join(', ') }}</div>
+            </div>
+          </div>
+          <div class="next-up" v-if="nextUp">
+            Next Up
+            <EpisodeThumb :item="nextUp" />
           </div>
         </div>
       </div>
@@ -137,12 +216,12 @@ const arrayRange = (start: number, stop: number) =>
 .content-wrapper {
   width: 95%;
   margin: auto;
-  padding-top: 3em;
+  padding: 3em 0;
 }
 .item-info {
-  padding: 3em 5em;
-  width: 900px;
-  min-height: 80vh;
+  padding: 3em 4em;
+  width: 800px;
+  min-height: 90vh;
   background: rgba(0, 0, 0, 0.4);
   color: rgba(255, 255, 255, 0.5);
   border-radius: 16px;
@@ -157,17 +236,32 @@ const arrayRange = (start: number, stop: number) =>
   flex-direction: column;
   align-items: baseline;
   justify-content: space-between;
-  gap: 3em;
+  gap: 1.5em;
   width: 95%;
   margin: 0 auto;
-  margin-top: 3em;
+  margin-top: 2em;
+}
+.media-title {
+  min-height: 200px;
+  max-height: 300px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+}
+.title {
+  font-size: 52px;
+  font-weight: bold;
+  font-family: 'DM Sans', sans-serif;
 }
 .logo {
   display: flex;
   flex-direction: column;
   align-items: center;
+  gap: 2em;
+  margin: auto 0;
 }
 .logo img {
+  max-width: 700px;
   max-height: 230px;
 }
 .section {
@@ -183,6 +277,11 @@ const arrayRange = (start: number, stop: number) =>
   flex-direction: column;
   gap: 1em;
   margin-left: 2em;
+  min-width: 200px;
+}
+.wide {
+  flex-direction: row;
+  gap: 3em;
 }
 .user-buttons {
   display: flex;
@@ -190,42 +289,58 @@ const arrayRange = (start: number, stop: number) =>
   gap: 2em;
 }
 .media-streams {
-  display: grid;
-  grid-template-columns: 0.5fr 4fr;
+  display: flex;
+  flex-direction: column;
+}
+.media-streams .info-item {
+  display: flex;
+  align-items: center;
+  gap: 1em;
 }
 .stream-type {
   text-align: right;
-  padding: 0.2em;
-  margin-right: 0.3em;
-  color: var(--color-text-faded);
+  width: 100px;
+  flex-shrink: 0;
 }
 .stream-value {
-  padding: 0.2em;
+  font-size: 14px;
+  word-wrap: break-word;
+  max-width: 300px;
 }
 .stream-selector {
   margin: 0.2em;
+  max-width: 300px;
 }
 .stream-selector select {
   width: 100%;
 }
 .misc-info {
-  display: grid;
-  grid-template-columns: 0.5fr 4fr;
+  display: flex;
+  flex-direction: column;
+}
+.info-item {
+  display: flex;
+  align-items: baseline;
+  gap: 1em;
 }
 .misc-info .info-type {
   text-align: right;
-  margin-right: 0.5em;
-  color: var(--color-text-faded);
+  width: 70px;
+}
+.misc-info .info-value {
+  font-size: 14px;
+  max-width: 500px;
 }
 .tagline {
   position: relative;
+  padding-left: 1em;
 }
 .tagline::before {
   content: '\201C';
   font-size: 156px;
   position: absolute;
   top: -80px;
-  left: -20px;
+  left: -10px;
   color: rgba(0, 0, 0, 0.4);
   z-index: -1;
   font-family: 'Georgia', Times, serif;
diff --git a/src/views/LoginView.vue b/src/views/LoginView.vue
index bc18573..e77b25b 100644
--- a/src/views/LoginView.vue
+++ b/src/views/LoginView.vue
@@ -2,7 +2,7 @@
 import jfapi from '@/jfapi'
 import { ref } from 'vue'
 const username = ref('')
-const host = ref('http://192.168.0.63:30013')
+const host = ref('http://192.168.0.110:8096')
 const password = ref('')
 
 const login = () => {
@@ -10,7 +10,7 @@ const login = () => {
     console.log(data)
     if (data !== null) {
       localStorage.setItem('jf_userid', data.Id)
-      localStorage.setItem('jf_host', data.Host)
+      localStorage.setItem('jf_host', host.value)
       window.location.href = '/'
     }
   })
diff --git a/src/views/VideoView.vue b/src/views/VideoView.vue
new file mode 100644
index 0000000..3db132d
--- /dev/null
+++ b/src/views/VideoView.vue
@@ -0,0 +1,42 @@
+<script setup lang="ts">
+import Hls from 'hls.js'
+import { onMounted } from 'vue'
+import { useRoute } from 'vue-router'
+
+const route = useRoute()
+
+const itemId = String(route.params.id)
+
+console.log(itemId)
+onMounted(() => {
+  const player = document.getElementById(itemId) as HTMLVideoElement
+  if (Hls.isSupported() && player !== null) {
+    const hls = new Hls()
+    hls.loadSource(
+      `https://demo.unified-streaming.com/k8s/features/stable/video/tears-of-steel/tears-of-steel.ism/.m3u8`,
+    )
+    hls.attachMedia(player)
+  } else {
+    // Handle the case where HLS is not supported
+    console.error('HLS is not supported in this browser.')
+  }
+})
+</script>
+
+<template>
+  <div class="video-player">
+    <video class="video-window" ref="video" controls :id="itemId"></video>
+  </div>
+</template>
+
+<style scoped>
+.video-player {
+  width: 99.5vw;
+  height: 99.5vh;
+  margin: auto;
+}
+.video-window {
+  width: 100%;
+  height: 100%;
+}
+</style>