mirrors/movie-web
1
0
Fork 0
mirror of https://github.com/movie-web/movie-web.git synced 2024-12-28 22:36:04 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(video): store progress

Browse source
This commit is contained in:
Jip Fr 2021-07-15 20:34:25 +02:00
parent b8ab630f0a
commit cb29acb38c
3 changed files with 33 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/VideoElement.css
View file

@ -1,6 +1,6 @@
.videoElement {
width: 100%;
background-color: var(--content);
background-color: black;
border-radius: 5px;
}

4
src/components/VideoElement.js
View file

@ -5,7 +5,7 @@ import { VideoPlaceholder } from './VideoPlaceholder'
// streamUrl: string
// loading: boolean
export function VideoElement({ streamUrl, loading }) {
export function VideoElement({ streamUrl, loading, setProgress }) {
const videoRef = React.useRef(null);
const [error, setError] = React.useState(false);
@ -37,6 +37,6 @@ export function VideoElement({ streamUrl, loading }) {
return <VideoPlaceholder>No video selected</VideoPlaceholder>
return (
<video className="videoElement" ref={videoRef} controls autoPlay />
<video className="videoElement" ref={videoRef} controls autoPlay onProgress={setProgress} />
)
}

31
src/views/Movie.js
View file

@ -57,6 +57,35 @@ export function MovieView(props) {
}
}, [episode, streamData, setStreamUrl])
const setProgress = (evt) => {
console.log(streamData.slug, evt)
console.log(streamData)
let ls = JSON.parse(localStorage.getItem("video-progress") || "{}")
// We're just checking lookmovie for now since there is only one scraper
if(!ls.lookmovie) ls.lookmovie = {}
if(!ls.lookmovie[streamData.type]) ls.lookmovie[streamData.type] = {}
if(!ls.lookmovie[streamData.type][streamData.slug]) {
ls.lookmovie[streamData.type][streamData.slug] = {}
}
// Store real data
let key = streamData.type === "show" ? `${season}-${episode.episode}` : "full"
ls.lookmovie[streamData.type][streamData.slug][key] = {
currentlyAt: Math.floor(evt.currentTarget.currentTime),
totalDuration: Math.floor(evt.currentTarget.duration)
}
if(streamData.type === "show") {
ls.lookmovie[streamData.type][streamData.slug][key].show = {
season,
episode: episode.episode
}
}
localStorage.setItem("video-progress", JSON.stringify(ls))
}
return (
<div className={`cardView showType-${streamData.type}`}>
<Card fullWidth>
@ -66,7 +95,7 @@ export function MovieView(props) {
{streamData.type === "show" ? <Title size="small">
Season {episode.season}: Episode {episode.episode}
</Title> : undefined}
<VideoElement streamUrl={streamUrl} loading={loading}/>
<VideoElement streamUrl={streamUrl} loading={loading} setProgress={setProgress} />
{streamData.type === "show" ?
<EpisodeSelector
setSeason={setSeason}