LBRYCommunity/lbry-desktop
1
0
Fork 0
Code Issues 596 Pull requests 6 Projects Releases 238 Packages Wiki Activity

stores and recalls volume

Browse source
This commit is contained in:
jessop 2019-09-27 23:40:03 -04:00 • committed by Sean Yesmunt
parent cee602f49e
commit be7921e70b
1 changed files with 11 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
src/ui/component/viewers/videoViewer/view.jsx
View file

@ -29,7 +29,7 @@ type Props = {
}; };
function VideoViewer(props: Props) { function VideoViewer(props: Props) {
const { contentType, source, setPlayingUri, onEndedCB } = props; const { contentType, source, setPlayingUri, onEndedCB, changeVolume, changeMute, volume, muted } = props;
const videoRef = useRef(); const videoRef = useRef();
const [requireRedraw, setRequireRedraw] = useState(false); const [requireRedraw, setRequireRedraw] = useState(false);
@ -45,7 +45,10 @@ function VideoViewer(props: Props) {
// store position e.target.currentTime // store position e.target.currentTime
} }
function doVolume(e: Event) { function doVolume(e: Event) {
// store volume e.target.volume // $FlowFixMe volume is missing in EventTarget
changeVolume(e.target.volume);
// $FlowFixMe muted is missing in EventTarget
changeMute(e.target.muted);
} }
if (currentVideo) { if (currentVideo) {
@ -77,7 +80,11 @@ function VideoViewer(props: Props) {
let player; let player;
if (!requireRedraw) { if (!requireRedraw) {
player = videojs(videoNode, videoJsOptions); player = videojs(videoNode, videoJsOptions, function() {
const player = this;
player.volume(volume);
player.muted(muted);
});
} }
return () => { return () => {
@ -92,7 +99,7 @@ function VideoViewer(props: Props) {
// Then it's set to false immediately after so we can re-mount a new player // Then it's set to false immediately after so we can re-mount a new player
setRequireRedraw(true); setRequireRedraw(true);
}; };
}, [videoRef, source, contentType, setRequireRedraw, requireRedraw]); }, [videoRef, source, contentType, setRequireRedraw, requireRedraw, muted, volume]);
useEffect(() => { useEffect(() => {
if (requireRedraw) { if (requireRedraw) {