Skip to content
Snippets Groups Projects
Verified Commit b1cd7ba3 authored by Janne Mareike Koschinski's avatar Janne Mareike Koschinski
Browse files

Player cleanup

parent 0bd233e8
No related branches found
No related tags found
No related merge requests found
...@@ -91,24 +91,30 @@ export function Player( ...@@ -91,24 +91,30 @@ export function Player(
<p style={{fontVariant: "tabular-nums"}}>{formatDuration(position)} / {formatDuration(duration)}</p> <p style={{fontVariant: "tabular-nums"}}>{formatDuration(position)} / {formatDuration(duration)}</p>
<button onClick={videoElement?.play}>Play</button> <button onClick={videoElement?.play}>Play</button>
<button onClick={videoElement?.pause}>Pause</button> <button onClick={videoElement?.pause}>Pause</button>
<p>
Audio
<ul> <ul>
{audioTracks.map(track => ( {audioTracks.map(track => (
<li key={track.index}> <li key={track.index}>
<strong>{track.lang}</strong> <strong>{track.lang}</strong>
{track.labels} &nbsp;{track.labels}
<button onClick={() => videoElement?.setAudioTrack(track)}>Choose</button> &nbsp;<button onClick={() => videoElement?.setAudioTrack(track)}>Choose</button>
</li> </li>
))} ))}
</ul> </ul>
</p>
<p>
Subtitles
<ul> <ul>
{content.subtitles.map(track => ( {content.subtitles.map(track => (
<li key={track.src}> <li key={track.src}>
<strong>{track.language}</strong> <strong>{track.language}</strong>
{track.specifier} &nbsp;{track.specifier}
<button onClick={() => setSubtitle(track)}>Choose</button> &nbsp;<button onClick={() => setSubtitle(track)}>Choose</button>
</li> </li>
))} ))}
</ul> </ul>
</p>
<SeekBar <SeekBar
video={videoElement} video={videoElement}
previewTrack={previewTrack} previewTrack={previewTrack}
......
...@@ -41,12 +41,11 @@ export function PreviewBar({previewTrack, duration, position, hidden}: Props) { ...@@ -41,12 +41,11 @@ export function PreviewBar({previewTrack, duration, position, hidden}: Props) {
const useStyles = createUseStyles({ const useStyles = createUseStyles({
previewBar: { previewBar: {
position: "relative", position: "relative",
width: "45rem", width: "40rem",
display: "flex", display: "flex",
flexDirection: "row", flexDirection: "row",
alignContent: "stretch", alignContent: "stretch",
background: "#7c7", background: "#7c7",
marginLeft: 60,
}, },
previewHead: { previewHead: {
maxWidth: "136rem", maxWidth: "136rem",
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment