2023-11-11 13:41:20 +00:00
|
|
|
<!DOCTYPE html><html lang="en" style="font-size:16px"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Source: components/JFVideo.bs</title><!--[if lt IE 9]>
|
|
|
|
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
|
2023-11-16 17:58:48 +00:00
|
|
|
<![endif]--><script src="scripts/third-party/hljs.js" defer="defer"></script><script src="scripts/third-party/hljs-line-num.js" defer="defer"></script><script src="scripts/third-party/popper.js" defer="defer"></script><script src="scripts/third-party/tippy.js" defer="defer"></script><script src="scripts/third-party/tocbot.min.js"></script><script>var baseURL="/",locationPathname="";baseURL=(baseURL=(baseURL="https://jellyfin.github.io/jellyfin-roku/").replace(/https?:\/\//i,"")).substr(baseURL.indexOf("/"))</script><link rel="stylesheet" href="styles/clean-jsdoc-theme.min.css"><svg aria-hidden="true" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="display:none"><defs><symbol id="copy-icon" viewbox="0 0 488.3 488.3"><g><path d="M314.25,85.4h-227c-21.3,0-38.6,17.3-38.6,38.6v325.7c0,21.3,17.3,38.6,38.6,38.6h227c21.3,0,38.6-17.3,38.6-38.6V124 C352.75,102.7,335.45,85.4,314.25,85.4z M325.75,449.6c0,6.4-5.2,11.6-11.6,11.6h-227c-6.4,0-11.6-5.2-11.6-11.6V124 c0-6.4,5.2-11.6,11.6-11.6h227c6.4,0,11.6,5.2,11.6,11.6V449.6z"/><path d="M401.05,0h-227c-21.3,0-38.6,17.3-38.6,38.6c0,7.5,6,13.5,13.5,13.5s13.5-6,13.5-13.5c0-6.4,5.2-11.6,11.6-11.6h227 c6.4,0,11.6,5.2,11.6,11.6v325.7c0,6.4-5.2,11.6-11.6,11.6c-7.5,0-13.5,6-13.5,13.5s6,13.5,13.5,13.5c21.3,0,38.6-17.3,38.6-38.6 V38.6C439.65,17.3,422.35,0,401.05,0z"/></g></symbol><symbol id="search-icon" viewBox="0 0 512 512"><g><g><path d="M225.474,0C101.151,0,0,101.151,0,225.474c0,124.33,101.151,225.474,225.474,225.474 c124.33,0,225.474-101.144,225.474-225.474C450.948,101.151,349.804,0,225.474,0z M225.474,409.323 c-101.373,0-183.848-82.475-183.848-183.848S124.101,41.626,225.474,41.626s183.848,82.475,183.848,183.848 S326.847,409.323,225.474,409.323z"/></g></g><g><g><path d="M505.902,476.472L386.574,357.144c-8.131-8.131-21.299-8.131-29.43,0c-8.131,8.124-8.131,21.306,0,29.43l119.328,119.328 c4.065,4.065,9.387,6.098,14.715,6.098c5.321,0,10.649-2.033,14.715-6.098C514.033,497.778,514.033,484.596,505.902,476.472z"/></g></g></symbol><symbol id="font-size-icon" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0z"/><path d="M11.246 15H4.754l-2 5H.6L7 4h2l6.4 16h-2.154l-2-5zm-.8-2L8 6.885 5.554 13h4.892zM21 12.535V12h2v8h-2v-.535a4 4 0 1 1 0-6.93zM19 18a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"/></symbol><symbol id="add-icon" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0z"/><path d="M11 11V5h2v6h6v2h-6v6h-2v-6H5v-2z"/></symbol><symbol id="minus-icon" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0z"/><path d="M5 11h14v2H5z"/></symbol><symbol id="dark-theme-icon" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0z"/><path d="M10 7a7 7 0 0 0 12 4.9v.1c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2h.1A6.979 6.979 0 0 0 10 7zm-6 5a8 8 0 0 0 15.062 3.762A9 9 0 0 1 8.238 4.938 7.999 7.999 0 0 0 4 12z"/></symbol><symbol id="light-theme-icon" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0z"/><path d="M12 18a6 6 0 1 1 0-12 6 6 0 0 1 0 12zm0-2a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM11 1h2v3h-2V1zm0 19h2v3h-2v-3zM3.515 4.929l1.414-1.414L7.05 5.636 5.636 7.05 3.515 4.93zM16.95 18.364l1.414-1.414 2.121 2.121-1.414 1.414-2.121-2.121zm2.121-14.85l1.414 1.415-2.121 2.121-1.414-1.414 2.121-2.121zM5.636 16.95l1.414 1.414-2.121 2.121-1.414-1.414 2.121-2.121zM23 11v2h-3v-2h3zM4 11v2H1v-2h3z"/></symbol><symbol id="reset-icon" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0z"/><path d="M18.537 19.567A9.961 9.961 0 0 1 12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10c0 2.136-.67 4.116-1.81 5.74L17 12h3a8 8 0 1 0-2.46 5.772l.997 1.795z"/></symbol><symbol id="down-icon" viewBox="0 0 16 16"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.7803 6.21967C13.0732 6.51256 13.0732 6.98744 12.7803 7.28033L8.53033 11.5303C8.23744 11.8232 7.76256 11.8232 7.46967 11.5303L3.21967 7.28033C2.92678 6.98744 2.92678 6.51256 3.21967 6.21967C3.51256 5.92678 3.98744 5.92678 4.28033 6.21967L8 9.93934L11.7197 6.21967C12.0126 5.92678 12.4874 5.92678 12.7803 6.21967Z"></path></symbol><symbol id="codepen-icon" viewBox="0 0 24 24"><path fill="none" d=
|
2023-11-11 02:08:52 +00:00
|
|
|
import "pkg:/source/utils/config.bs"
|
2023-10-06 03:18:36 +00:00
|
|
|
|
|
|
|
sub init()
|
|
|
|
m.playbackTimer = m.top.findNode("playbackTimer")
|
|
|
|
m.bufferCheckTimer = m.top.findNode("bufferCheckTimer")
|
|
|
|
m.top.observeField("state", "onState")
|
|
|
|
m.top.observeField("content", "onContentChange")
|
|
|
|
|
|
|
|
m.playbackTimer.observeField("fire", "ReportPlayback")
|
|
|
|
m.bufferPercentage = 0 ' Track whether content is being loaded
|
|
|
|
m.playReported = false
|
|
|
|
m.top.transcodeReasons = []
|
|
|
|
m.bufferCheckTimer.duration = 30
|
|
|
|
|
|
|
|
if m.global.session.user.settings["ui.design.hideclock"] = true
|
|
|
|
clockNode = findNodeBySubtype(m.top, "clock")
|
|
|
|
if clockNode[0] <> invalid then clockNode[0].parent.removeChild(clockNode[0].node)
|
|
|
|
end if
|
|
|
|
|
|
|
|
'Play Next Episode button
|
|
|
|
m.nextEpisodeButton = m.top.findNode("nextEpisode")
|
|
|
|
m.nextEpisodeButton.text = tr("Next Episode")
|
|
|
|
m.nextEpisodeButton.setFocus(false)
|
|
|
|
m.nextupbuttonseconds = m.global.session.user.settings["playback.nextupbuttonseconds"].ToInt()
|
|
|
|
|
|
|
|
m.showNextEpisodeButtonAnimation = m.top.findNode("showNextEpisodeButton")
|
|
|
|
m.hideNextEpisodeButtonAnimation = m.top.findNode("hideNextEpisodeButton")
|
|
|
|
|
|
|
|
m.checkedForNextEpisode = false
|
|
|
|
m.getNextEpisodeTask = createObject("roSGNode", "GetNextEpisodeTask")
|
|
|
|
m.getNextEpisodeTask.observeField("nextEpisodeData", "onNextEpisodeDataLoaded")
|
|
|
|
|
|
|
|
m.top.observeField("allowCaptions", "onAllowCaptionsChange")
|
|
|
|
end sub
|
|
|
|
|
|
|
|
sub onAllowCaptionsChange()
|
|
|
|
if not m.top.allowCaptions then return
|
|
|
|
|
|
|
|
m.captionGroup = m.top.findNode("captionGroup")
|
|
|
|
m.captionGroup.createchildren(9, "LayoutGroup")
|
|
|
|
m.captionTask = createObject("roSGNode", "captionTask")
|
|
|
|
m.captionTask.observeField("currentCaption", "updateCaption")
|
|
|
|
m.captionTask.observeField("useThis", "checkCaptionMode")
|
|
|
|
m.top.observeField("currentSubtitleTrack", "loadCaption")
|
|
|
|
m.top.observeField("globalCaptionMode", "toggleCaption")
|
|
|
|
if m.global.session.user.settings["playback.subs.custom"] = false
|
|
|
|
m.top.suppressCaptions = false
|
|
|
|
else
|
|
|
|
m.top.suppressCaptions = true
|
|
|
|
toggleCaption()
|
|
|
|
end if
|
|
|
|
end sub
|
|
|
|
|
|
|
|
sub loadCaption()
|
|
|
|
if m.top.suppressCaptions
|
|
|
|
m.captionTask.url = m.top.currentSubtitleTrack
|
|
|
|
end if
|
|
|
|
end sub
|
|
|
|
|
|
|
|
sub toggleCaption()
|
|
|
|
m.captionTask.playerState = m.top.state + m.top.globalCaptionMode
|
|
|
|
if LCase(m.top.globalCaptionMode) = "on"
|
|
|
|
m.captionTask.playerState = m.top.state + m.top.globalCaptionMode + "w"
|
|
|
|
m.captionGroup.visible = true
|
|
|
|
else
|
|
|
|
m.captionGroup.visible = false
|
|
|
|
end if
|
|
|
|
end sub
|
|
|
|
|
|
|
|
sub updateCaption ()
|
|
|
|
m.captionGroup.removeChildrenIndex(m.captionGroup.getChildCount(), 0)
|
|
|
|
m.captionGroup.appendChildren(m.captionTask.currentCaption)
|
|
|
|
end sub
|
|
|
|
|
|
|
|
' Event handler for when video content field changes
|
|
|
|
sub onContentChange()
|
|
|
|
if not isValid(m.top.content) then return
|
|
|
|
|
|
|
|
m.top.observeField("position", "onPositionChanged")
|
|
|
|
|
|
|
|
end sub
|
|
|
|
|
|
|
|
sub onNextEpisodeDataLoaded()
|
|
|
|
m.checkedForNextEpisode = true
|
|
|
|
|
|
|
|
m.top.observeField("position", "onPositionChanged")
|
|
|
|
end sub
|
|
|
|
|
|
|
|
'
|
|
|
|
' Runs Next Episode button animation and sets focus to button
|
|
|
|
sub showNextEpisodeButton()
|
2023-11-01 00:01:18 +00:00
|
|
|
if m.top.content.contenttype <> 4 then return ' only display when content is type "Episode"
|
|
|
|
if m.nextupbuttonseconds = 0 then return ' is the button disabled?
|
|
|
|
|
|
|
|
if m.nextEpisodeButton.opacity = 0 and m.global.session.user.configuration.EnableNextEpisodeAutoPlay
|
|
|
|
m.nextEpisodeButton.visible = true
|
2023-10-06 03:18:36 +00:00
|
|
|
m.showNextEpisodeButtonAnimation.control = "start"
|
|
|
|
m.nextEpisodeButton.setFocus(true)
|
|
|
|
end if
|
|
|
|
end sub
|
|
|
|
|
|
|
|
'
|
|
|
|
'Update count down text
|
|
|
|
sub updateCount()
|
|
|
|
nextEpisodeCountdown = Int(m.top.duration - m.top.position)
|
|
|
|
if nextEpisodeCountdown < 0
|
|
|
|
nextEpisodeCountdown = 0
|
|
|
|
end if
|
|
|
|
m.nextEpisodeButton.text = tr("Next Episode") + " " + nextEpisodeCountdown.toStr()
|
|
|
|
end sub
|
|
|
|
|
|
|
|
'
|
|
|
|
' Runs hide Next Episode button animation and sets focus back to video
|
|
|
|
sub hideNextEpisodeButton()
|
|
|
|
m.hideNextEpisodeButtonAnimation.control = "start"
|
|
|
|
m.nextEpisodeButton.setFocus(false)
|
|
|
|
m.top.setFocus(true)
|
|
|
|
end sub
|
|
|
|
|
|
|
|
' Checks if we need to display the Next Episode button
|
|
|
|
sub checkTimeToDisplayNextEpisode()
|
2023-11-01 00:01:18 +00:00
|
|
|
if m.top.content.contenttype <> 4 then return ' only display when content is type "Episode"
|
|
|
|
if m.nextupbuttonseconds = 0 then return ' is the button disabled?
|
|
|
|
|
|
|
|
if isValid(m.top.duration) and isValid(m.top.position)
|
|
|
|
nextEpisodeCountdown = Int(m.top.duration - m.top.position)
|
|
|
|
|
|
|
|
if nextEpisodeCountdown < 0 and m.nextEpisodeButton.opacity = 0.9
|
|
|
|
hideNextEpisodeButton()
|
|
|
|
return
|
|
|
|
else if nextEpisodeCountdown > 1 and int(m.top.position) >= (m.top.duration - m.nextupbuttonseconds - 1)
|
|
|
|
updateCount()
|
|
|
|
if m.nextEpisodeButton.opacity = 0
|
|
|
|
showNextEpisodeButton()
|
|
|
|
end if
|
|
|
|
return
|
|
|
|
end if
|
2023-10-06 03:18:36 +00:00
|
|
|
end if
|
|
|
|
|
|
|
|
if m.nextEpisodeButton.visible or m.nextEpisodeButton.hasFocus()
|
|
|
|
m.nextEpisodeButton.visible = false
|
|
|
|
m.nextEpisodeButton.setFocus(false)
|
|
|
|
end if
|
|
|
|
end sub
|
|
|
|
|
|
|
|
' When Video Player state changes
|
|
|
|
sub onPositionChanged()
|
|
|
|
if isValid(m.captionTask)
|
|
|
|
m.captionTask.currentPos = Int(m.top.position * 1000)
|
|
|
|
end if
|
|
|
|
' Check if dialog is open
|
|
|
|
m.dialog = m.top.getScene().findNode("dialogBackground")
|
|
|
|
if not isValid(m.dialog)
|
|
|
|
checkTimeToDisplayNextEpisode()
|
|
|
|
end if
|
|
|
|
end sub
|
|
|
|
|
|
|
|
'
|
|
|
|
' When Video Player state changes
|
|
|
|
sub onState(msg)
|
|
|
|
if isValid(m.captionTask)
|
|
|
|
m.captionTask.playerState = m.top.state + m.top.globalCaptionMode
|
|
|
|
end if
|
|
|
|
' When buffering, start timer to monitor buffering process
|
|
|
|
if m.top.state = "buffering" and m.bufferCheckTimer <> invalid
|
|
|
|
|
|
|
|
' start timer
|
|
|
|
m.bufferCheckTimer.control = "start"
|
|
|
|
m.bufferCheckTimer.ObserveField("fire", "bufferCheck")
|
|
|
|
else if m.top.state = "error"
|
|
|
|
if not m.playReported and m.top.transcodeAvailable
|
|
|
|
m.top.retryWithTranscoding = true ' If playback was not reported, retry with transcoding
|
|
|
|
else
|
|
|
|
' If an error was encountered, Display dialog
|
|
|
|
dialog = createObject("roSGNode", "PlaybackDialog")
|
|
|
|
dialog.title = tr("Error During Playback")
|
|
|
|
dialog.buttons = [tr("OK")]
|
|
|
|
dialog.message = tr("An error was encountered while playing this item.")
|
|
|
|
m.top.getScene().dialog = dialog
|
|
|
|
end if
|
|
|
|
|
|
|
|
' Stop playback and exit player
|
|
|
|
m.top.control = "stop"
|
|
|
|
m.top.backPressed = true
|
|
|
|
else if m.top.state = "playing"
|
|
|
|
' Check if next episde is available
|
|
|
|
if isValid(m.top.showID)
|
|
|
|
if m.top.showID <> "" and not m.checkedForNextEpisode and m.top.content.contenttype = 4
|
|
|
|
m.getNextEpisodeTask.showID = m.top.showID
|
|
|
|
m.getNextEpisodeTask.videoID = m.top.id
|
|
|
|
m.getNextEpisodeTask.control = "RUN"
|
|
|
|
end if
|
|
|
|
end if
|
|
|
|
|
|
|
|
if m.playReported = false
|
|
|
|
ReportPlayback("start")
|
|
|
|
m.playReported = true
|
|
|
|
else
|
|
|
|
ReportPlayback()
|
|
|
|
end if
|
|
|
|
m.playbackTimer.control = "start"
|
|
|
|
else if m.top.state = "paused"
|
|
|
|
m.playbackTimer.control = "stop"
|
|
|
|
ReportPlayback()
|
|
|
|
else if m.top.state = "stopped"
|
|
|
|
m.playbackTimer.control = "stop"
|
|
|
|
ReportPlayback("stop")
|
|
|
|
m.playReported = false
|
|
|
|
end if
|
|
|
|
|
|
|
|
end sub
|
|
|
|
|
|
|
|
'
|
|
|
|
' Report playback to server
|
|
|
|
sub ReportPlayback(state = "update" as string)
|
|
|
|
|
|
|
|
if m.top.position = invalid then return
|
|
|
|
|
|
|
|
params = {
|
|
|
|
"ItemId": m.top.id,
|
|
|
|
"PlaySessionId": m.top.PlaySessionId,
|
|
|
|
"PositionTicks": int(m.top.position) * 10000000&, 'Ensure a LongInteger is used
|
|
|
|
"IsPaused": (m.top.state = "paused")
|
|
|
|
}
|
|
|
|
if m.top.content.live
|
|
|
|
params.append({
|
|
|
|
"MediaSourceId": m.top.transcodeParams.MediaSourceId,
|
|
|
|
"LiveStreamId": m.top.transcodeParams.LiveStreamId
|
|
|
|
})
|
|
|
|
m.bufferCheckTimer.duration = 30
|
|
|
|
end if
|
|
|
|
|
|
|
|
' Report playstate via worker task
|
|
|
|
playstateTask = m.global.playstateTask
|
|
|
|
playstateTask.setFields({ status: state, params: params })
|
|
|
|
playstateTask.control = "RUN"
|
|
|
|
end sub
|
|
|
|
|
|
|
|
'
|
|
|
|
' Check the the buffering has not hung
|
|
|
|
sub bufferCheck(msg)
|
|
|
|
|
|
|
|
if m.top.state <> "buffering"
|
|
|
|
' If video is not buffering, stop timer
|
|
|
|
m.bufferCheckTimer.control = "stop"
|
|
|
|
m.bufferCheckTimer.unobserveField("fire")
|
|
|
|
return
|
|
|
|
end if
|
|
|
|
if m.top.bufferingStatus <> invalid
|
|
|
|
|
|
|
|
' Check that the buffering percentage is increasing
|
|
|
|
if m.top.bufferingStatus["percentage"] > m.bufferPercentage
|
|
|
|
m.bufferPercentage = m.top.bufferingStatus["percentage"]
|
|
|
|
else if m.top.content.live = true
|
|
|
|
m.top.callFunc("refresh")
|
|
|
|
else
|
|
|
|
' If buffering has stopped Display dialog
|
|
|
|
dialog = createObject("roSGNode", "PlaybackDialog")
|
|
|
|
dialog.title = tr("Error Retrieving Content")
|
|
|
|
dialog.buttons = [tr("OK")]
|
|
|
|
dialog.message = tr("There was an error retrieving the data for this item from the server.")
|
|
|
|
m.top.getScene().dialog = dialog
|
|
|
|
|
|
|
|
' Stop playback and exit player
|
|
|
|
m.top.control = "stop"
|
|
|
|
m.top.backPressed = true
|
|
|
|
end if
|
|
|
|
end if
|
|
|
|
|
|
|
|
end sub
|
|
|
|
|
|
|
|
function onKeyEvent(key as string, press as boolean) as boolean
|
|
|
|
|
|
|
|
if key = "OK" and m.nextEpisodeButton.hasfocus() and not m.top.trickPlayBar.visible
|
|
|
|
m.top.state = "finished"
|
|
|
|
hideNextEpisodeButton()
|
|
|
|
return true
|
|
|
|
else
|
|
|
|
'Hide Next Episode Button
|
2023-11-01 00:01:18 +00:00
|
|
|
if m.nextEpisodeButton.opacity > 0 or m.nextEpisodeButton.hasFocus()
|
|
|
|
m.nextEpisodeButton.opacity = 0
|
2023-10-06 03:18:36 +00:00
|
|
|
m.nextEpisodeButton.setFocus(false)
|
|
|
|
m.top.setFocus(true)
|
|
|
|
end if
|
|
|
|
end if
|
|
|
|
|
|
|
|
if not press then return false
|
|
|
|
|
|
|
|
if key = "down"
|
|
|
|
m.top.selectSubtitlePressed = true
|
|
|
|
return true
|
|
|
|
else if key = "up"
|
|
|
|
m.top.selectPlaybackInfoPressed = true
|
|
|
|
return true
|
|
|
|
else if key = "OK"
|
2023-11-11 02:08:52 +00:00
|
|
|
if m.nextEpisodeButton.hasfocus() and not m.top.trickPlayBar.visible
|
|
|
|
m.top.state = "finished"
|
|
|
|
hideNextEpisodeButton()
|
|
|
|
return true
|
|
|
|
else if m.top.state = "paused"
|
|
|
|
' OK will play/pause depending on current state
|
|
|
|
' return false to allow selection during seeking
|
2023-10-06 03:18:36 +00:00
|
|
|
m.top.control = "resume"
|
|
|
|
return false
|
|
|
|
else if m.top.state = "playing"
|
|
|
|
m.top.control = "pause"
|
|
|
|
return false
|
|
|
|
end if
|
|
|
|
end if
|
|
|
|
|
|
|
|
return false
|
|
|
|
end function
|
2023-11-16 17:58:48 +00:00
|
|
|
</code></pre></article></section><footer class="footer" id="PeOAagUepe"><div class="wrapper"><span class="jsdoc-message">Automatically generated using <a href="https://github.com/jsdoc/jsdoc" target="_blank">JSDoc</a> and the <a href="https://github.com/ankitskvmdam/clean-jsdoc-theme" target="_blank">clean-jsdoc-theme</a>.</span></div></footer></div></div></div><div class="search-container" id="PkfLWpAbet" style="display:none"><div class="wrapper" id="iCxFxjkHbP"><button class="icon-button search-close-button" id="VjLlGakifb" aria-label="close search"><svg><use xlink:href="#close-icon"></use></svg></button><div class="search-box-c"><svg><use xlink:href="#search-icon"></use></svg> <input type="text" id="vpcKVYIppa" class="search-input" placeholder="Search..." autofocus></div><div class="search-result-c" id="fWwVHRuDuN"><span class="search-result-c-text">Type anything to view search result</span></div></div></div><div class="mobile-menu-icon-container"><button class="icon-button" id="mobile-menu" data-isopen="false" aria-label="menu"><svg><use xlink:href="#menu-icon"></use></svg></button></div><div id="mobile-sidebar" class="mobile-sidebar-container"><div class="mobile-sidebar-wrapper"><a href="/" class="sidebar-title sidebar-title-anchor">jellyfin-roku Code Documentation</a><div class="mobile-nav-links"><div class="external-link navbar-item"><a id="jellyfin-link-mobile" href="https://jellyfin.org/" target="_blank">Jellyfin</a></div><div class="external-link navbar-item"><a id="github-link-mobile" href="https://github.com/jellyfin/jellyfin-roku" target="_blank">GitHub</a></div><div class="external-link navbar-item"><a id="forum-link-mobile" href="https://forum.jellyfin.org/f-roku-development" target="_blank">Forum</a></div><div class="external-link navbar-item"><a id="matrix-link-mobile" href="https://matrix.to/#/#jellyfin-dev-roku:matrix.org" target="_blank">Matrix</a></div></div><div class="mobile-sidebar-items-c"><div class="sidebar-section-title with-arrow" data-isopen="false" id="sidebar-modules"><div>Modules</div><svg><use xlink:href="#down-icon"></use></svg></div><div class="sidebar-section-children-container"><div class="sidebar-section-children"><a href="module-AlbumData.html">AlbumData</a></div><div class="sidebar-section-children"><a href="module-AlbumGrid.html">AlbumGrid</a></div><div class="sidebar-section-children"><a href="module-AlbumTrackList.html">AlbumTrackList</a></div><div class="sidebar-section-children"><a href="module-AlbumView.html">AlbumView</a></div><div class="sidebar-section-children"><a href="module-Alpha.html">Alpha</a></div><div class="sidebar-section-children"><a href="module-ArtistView.html">ArtistView</a></div><div class="sidebar-section-children"><a href="module-AudioPlayer.html">AudioPlayer</a></div><div class="sidebar-section-children"><a href="module-AudioPlayerView.html">AudioPlayerView</a></div><div class="sidebar-section-children"><a href="module-AudioTrackListItem.html">AudioTrackListItem</a></div><div class="sidebar-section-children"><a href="module-ButtonGroupHoriz.html">ButtonGroupHoriz</a></div><div class="sidebar-section-children"><a href="module-ButtonGroupVert.html">ButtonGroupVert</a></div><div class="sidebar-section-children"><a href="module-ChannelData.html">ChannelData</a></div><div class="sidebar-section-children"><a href="module-Clock.html">Clock</a></div><div class="sidebar-section-children"><a href="module-CollectionData.html">CollectionData</a></div><div class="sidebar-section-children"><a href="module-ConfigData.html">ConfigData</a></div><div class="sidebar-section-children"><a href="module-ConfigItem.html">ConfigItem</a></div><div class="sidebar-section-children"><a href="module-ConfigList.html">ConfigList</a></div><div class="sidebar-section-children"><a href="module-ExtrasItem.html">ExtrasItem</a></div><div class="sidebar-section-children"><a href="module-ExtrasRowList.html">ExtrasRowList</a></div><div class="sidebar-section-children"><a href="module-FavoriteItemsTask.html">FavoriteItemsTask</a></div><div class="sidebar-section-children"><a href="module-Folder
|