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) {
const { contentType, source, setPlayingUri, onEndedCB } = props;
const { contentType, source, setPlayingUri, onEndedCB, changeVolume, changeMute, volume, muted } = props;
const videoRef = useRef();
const [requireRedraw, setRequireRedraw] = useState(false);
@ -45,7 +45,10 @@ function VideoViewer(props: Props) {
// store position e.target.currentTime
}
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) {
@ -77,7 +80,11 @@ function VideoViewer(props: Props) {
let player;
if (!requireRedraw) {
player = videojs(videoNode, videoJsOptions);
player = videojs(videoNode, videoJsOptions, function() {
const player = this;
player.volume(volume);
player.muted(muted);
});
}
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
setRequireRedraw(true);
};
}, [videoRef, source, contentType, setRequireRedraw, requireRedraw]);
}, [videoRef, source, contentType, setRequireRedraw, requireRedraw, muted, volume]);
useEffect(() => {
if (requireRedraw) {