Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-01-11 22:40:31 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Merge a14a1b8798 into da675cd56c

Browse source
This commit is contained in:
Pranav1703 2026-01-10 13:44:25 +05:30 committed by GitHub
commit 5af4bc3143
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 34 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

32
src/routes/Player/Player.js
View file

@ -47,6 +47,10 @@ const Player = ({ urlParams, queryParams }) => {
const toast = useToast();
const [seeking, setSeeking] = React.useState(false);
const isMlbHeld = React.useRef(false);
const MlbHoldTimerRef = React.useRef(null);
const currPlaybackSpeed = React.useRef(null);
const [casting, setCasting] = React.useState(() => {
return services.chromecast.active && services.chromecast.transport.getCastState() === cast.framework.CastState.CONNECTED;
@ -312,6 +316,31 @@ const Player = ({ urlParams, queryParams }) => {
closeSideDrawer();
}, []);
const onVideoMouseDown = React.useCallback((event) => {
if (event.button !== 0) return;
MlbHoldTimerRef.current = setTimeout(() => {
currPlaybackSpeed.current = video.state.playbackSpeed;
isMlbHeld.current = true;
video.setProp('playbackSpeed',2.00);
}, 500);
}, [video]);
const onVideoMouseUp = React.useCallback((event) => {
clearTimeout(MlbHoldTimerRef.current);
if (isMlbHeld.current){
video.setProp('playbackSpeed',currPlaybackSpeed.current);
isMlbHeld.current = false;
}
}, [video]);
const onVideoMouseLeave = React.useCallback((event) => {
clearTimeout(MlbHoldTimerRef.current);
if (isMlbHeld.current) {
video.setProp('playbackSpeed',currPlaybackSpeed.current);
isMlbHeld.current = false;
}
}, [video]);
const onContainerMouseMove = React.useCallback((event) => {
setImmersed(false);
if (!event.nativeEvent.immersePrevented) {
@ -753,6 +782,9 @@ const Player = ({ urlParams, queryParams }) => {
className={styles['layer']}
onClick={onVideoClick}
onDoubleClick={onVideoDoubleClick}
onMouseDown={onVideoMouseDown}
onMouseUp={onVideoMouseUp}
onMouseLeave={onVideoMouseLeave}
/>
{
!video.state.loaded ?

4
src/routes/Player/Video/Video.js
View file

@ -5,9 +5,9 @@ const PropTypes = require('prop-types');
const classnames = require('classnames');
const styles = require('./styles');
const Video = React.forwardRef(({ className, onClick, onDoubleClick }, ref) => {
const Video = React.forwardRef(({ className, onClick, onDoubleClick, onMouseUp, onMouseDown, onMouseLeave }, ref) => {
return (
<div className={classnames(className, styles['video-container'])} onClick={onClick} onDoubleClick={onDoubleClick}>
<div className={classnames(className, styles['video-container'])} onClick={onClick} onDoubleClick={onDoubleClick} onMouseUp={onMouseUp} onMouseDown={onMouseDown} onMouseLeave={onMouseLeave}>
<div ref={ref} className={styles['video']} />
</div>
);