Show overlay for unavailable videos
This commit is contained in:
parent
8b31f58998
commit
728a335f2c
|
@ -307,6 +307,8 @@ video, .video-container img {
|
|||
text-align: center;
|
||||
top: calc(50% - 20px);
|
||||
font-size: 20px;
|
||||
line-height: 1.3;
|
||||
margin: 0 20px;
|
||||
}
|
||||
|
||||
.video-overlay div {
|
||||
|
|
|
@ -170,12 +170,14 @@ proc parseVideo*(node: JsonNode; tweetId: string): Video =
|
|||
durationMs: track["durationMs"].to(int),
|
||||
views: track["viewCount"].to(string),
|
||||
url: track["playbackUrl"].to(string),
|
||||
available: track{"mediaAvailability"}["status"].to(string) == "available")
|
||||
available: track{"mediaAvailability"}["status"].to(string) == "available",
|
||||
reason: track{"mediaAvailability"}["reason"].to(string))
|
||||
of "vmap":
|
||||
result = Video(
|
||||
playbackType: vmap,
|
||||
durationMs: track["durationMs"].to(int),
|
||||
url: track["vmapUrl"].to(string))
|
||||
url: track["vmapUrl"].to(string),
|
||||
available: true)
|
||||
else:
|
||||
echo "Can't parse video of type ", cType
|
||||
|
||||
|
|
|
@ -44,6 +44,7 @@ db("cache.db", "", "", ""):
|
|||
thumb*: string
|
||||
views*: string
|
||||
available*: bool
|
||||
reason*: string
|
||||
playbackType* {.
|
||||
dbType: "STRING"
|
||||
parseIt: parseEnum[VideoType](it.s)
|
||||
|
|
|
@ -60,12 +60,26 @@ proc renderVideoDisabled(video: Video): VNode =
|
|||
of m3u8, vmap:
|
||||
p: text "hls playback disabled in preferences"
|
||||
|
||||
proc renderVideoUnavailable(video: Video): VNode =
|
||||
buildHtml(tdiv):
|
||||
img(src=video.thumb.getSigUrl("pic"))
|
||||
tdiv(class="video-overlay"):
|
||||
case video.reason
|
||||
of "dmcaed":
|
||||
p: text "This media has been disabled in response to a report by the copyright owner"
|
||||
else:
|
||||
p: text "This media is unavailable"
|
||||
|
||||
proc renderVideo(video: Video; prefs: Prefs): VNode =
|
||||
buildHtml(tdiv(class="attachments")):
|
||||
tdiv(class="gallery-video"):
|
||||
tdiv(class="attachment video-container"):
|
||||
if prefs.isPlaybackEnabled(video):
|
||||
let thumb = video.thumb.getSigUrl("pic")
|
||||
if not video.available:
|
||||
renderVideoUnavailable(video)
|
||||
elif not prefs.isPlaybackEnabled(video):
|
||||
renderVideoDisabled(video)
|
||||
else:
|
||||
let source = video.url.getSigUrl("video")
|
||||
case video.playbackType
|
||||
of mp4:
|
||||
|
@ -80,8 +94,6 @@ proc renderVideo(video: Video; prefs: Prefs): VNode =
|
|||
verbatim "<div class=\"video-overlay\" onclick=\"playVideo(this)\">"
|
||||
verbatim "<div class=\"overlay-circle\">"
|
||||
verbatim "<span class=\"overlay-triangle\"</span></div></div>"
|
||||
else:
|
||||
renderVideoDisabled(video)
|
||||
|
||||
proc renderGif(gif: Gif; prefs: Prefs): VNode =
|
||||
buildHtml(tdiv(class="attachments media-gif")):
|
||||
|
|
Loading…
Reference in New Issue