95b4f89e50
## Issue 5308: Ability to choose default play speed and theatre mode or regular playback size ## Comments Initially, I used the local storage, as per 'muted' and 'volume' -- I thought that would be appropriate. Later, I saw that Theater Mode is already using Client Settings, so I re-did everything to match that. Also, there is an accompanying commit in lbyr-redux.
44 lines
2.3 KiB
JavaScript
44 lines
2.3 KiB
JavaScript
import { connect } from 'react-redux';
|
|
import { makeSelectClaimForUri, makeSelectFileInfoForUri, makeSelectThumbnailForUri, SETTINGS } from 'lbry-redux';
|
|
import { doChangeVolume, doChangeMute, doAnalyticsView, doAnalyticsBuffer } from 'redux/actions/app';
|
|
import { selectVolume, selectMute } from 'redux/selectors/app';
|
|
import { savePosition, clearPosition } from 'redux/actions/content';
|
|
import { makeSelectContentPositionForUri } from 'redux/selectors/content';
|
|
import VideoViewer from './view';
|
|
import { withRouter } from 'react-router';
|
|
import { doClaimEligiblePurchaseRewards } from 'redux/actions/rewards';
|
|
import { makeSelectClientSetting } from 'redux/selectors/settings';
|
|
import { toggleVideoTheaterMode, doSetClientSetting } from 'redux/actions/settings';
|
|
|
|
const select = (state, props) => {
|
|
const { search } = props.location;
|
|
const urlParams = new URLSearchParams(search);
|
|
const autoplay = urlParams.get('autoplay');
|
|
const position = urlParams.get('t') !== null ? urlParams.get('t') : makeSelectContentPositionForUri(props.uri)(state);
|
|
|
|
return {
|
|
autoplayIfEmbedded: Boolean(autoplay),
|
|
autoplaySetting: Boolean(makeSelectClientSetting(SETTINGS.AUTOPLAY)(state)),
|
|
volume: selectVolume(state),
|
|
muted: selectMute(state),
|
|
videoPlaybackRate: makeSelectClientSetting(SETTINGS.VIDEO_PLAYBACK_RATE)(state),
|
|
position: position,
|
|
hasFileInfo: Boolean(makeSelectFileInfoForUri(props.uri)(state)),
|
|
thumbnail: makeSelectThumbnailForUri(props.uri)(state),
|
|
claim: makeSelectClaimForUri(props.uri)(state),
|
|
};
|
|
};
|
|
|
|
const perform = dispatch => ({
|
|
changeVolume: volume => dispatch(doChangeVolume(volume)),
|
|
savePosition: (uri, position) => dispatch(savePosition(uri, position)),
|
|
clearPosition: uri => dispatch(clearPosition(uri)),
|
|
changeMute: muted => dispatch(doChangeMute(muted)),
|
|
doAnalyticsView: (uri, timeToStart) => dispatch(doAnalyticsView(uri, timeToStart)),
|
|
doAnalyticsBuffer: (uri, bufferData) => dispatch(doAnalyticsBuffer(uri, bufferData)),
|
|
claimRewards: () => dispatch(doClaimEligiblePurchaseRewards()),
|
|
toggleVideoTheaterMode: () => dispatch(toggleVideoTheaterMode()),
|
|
setVideoPlaybackRate: rate => dispatch(doSetClientSetting(SETTINGS.VIDEO_PLAYBACK_RATE, rate)),
|
|
});
|
|
|
|
export default withRouter(connect(select, perform)(VideoViewer));
|