laipeng/reflex
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add event triggers for rx.video (#2700)

Browse Source
This commit is contained in:
Thomas Brandého 2024-06-13 17:03:44 +02:00 committed by GitHub
parent 5d3eef7031
commit 42f34f763e
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
4 changed files with 194 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
reflex/components/react_player/audio.pyi
View File

@ -35,15 +35,39 @@ class Audio(ReactPlayer):
on_blur: Optional[ on_blur: Optional[
Union[EventHandler, EventSpec, list, function, BaseVar] Union[EventHandler, EventSpec, list, function, BaseVar]
] = None, ] = None,
on_buffer: Optional[
Union[EventHandler, EventSpec, list, function, BaseVar]
] = None,
on_buffer_end: Optional[
Union[EventHandler, EventSpec, list, function, BaseVar]
] = None,
on_click: Optional[ on_click: Optional[
Union[EventHandler, EventSpec, list, function, BaseVar] Union[EventHandler, EventSpec, list, function, BaseVar]
] = None, ] = None,
on_click_preview: Optional[
Union[EventHandler, EventSpec, list, function, BaseVar]
] = None,
on_context_menu: Optional[ on_context_menu: Optional[
Union[EventHandler, EventSpec, list, function, BaseVar] Union[EventHandler, EventSpec, list, function, BaseVar]
] = None, ] = None,
on_disable_pip: Optional[
Union[EventHandler, EventSpec, list, function, BaseVar]
] = None,
on_double_click: Optional[ on_double_click: Optional[
Union[EventHandler, EventSpec, list, function, BaseVar] Union[EventHandler, EventSpec, list, function, BaseVar]
] = None, ] = None,
on_duration: Optional[
Union[EventHandler, EventSpec, list, function, BaseVar]
] = None,
on_enable_pip: Optional[
Union[EventHandler, EventSpec, list, function, BaseVar]
] = None,
on_ended: Optional[
Union[EventHandler, EventSpec, list, function, BaseVar]
] = None,
on_error: Optional[
Union[EventHandler, EventSpec, list, function, BaseVar]
] = None,
on_focus: Optional[ on_focus: Optional[
Union[EventHandler, EventSpec, list, function, BaseVar] Union[EventHandler, EventSpec, list, function, BaseVar]
] = None, ] = None,
@ -71,9 +95,33 @@ class Audio(ReactPlayer):
on_mouse_up: Optional[ on_mouse_up: Optional[
Union[EventHandler, EventSpec, list, function, BaseVar] Union[EventHandler, EventSpec, list, function, BaseVar]
] = None, ] = None,
on_pause: Optional[
Union[EventHandler, EventSpec, list, function, BaseVar]
] = None,
on_play: Optional[
Union[EventHandler, EventSpec, list, function, BaseVar]
] = None,
on_playback_quality_change: Optional[
Union[EventHandler, EventSpec, list, function, BaseVar]
] = None,
on_playback_rate_change: Optional[
Union[EventHandler, EventSpec, list, function, BaseVar]
] = None,
on_progress: Optional[
Union[EventHandler, EventSpec, list, function, BaseVar]
] = None,
on_ready: Optional[
Union[EventHandler, EventSpec, list, function, BaseVar]
] = None,
on_scroll: Optional[ on_scroll: Optional[
Union[EventHandler, EventSpec, list, function, BaseVar] Union[EventHandler, EventSpec, list, function, BaseVar]
] = None, ] = None,
on_seek: Optional[
Union[EventHandler, EventSpec, list, function, BaseVar]
] = None,
on_start: Optional[
Union[EventHandler, EventSpec, list, function, BaseVar]
] = None,
on_unmount: Optional[ on_unmount: Optional[
Union[EventHandler, EventSpec, list, function, BaseVar] Union[EventHandler, EventSpec, list, function, BaseVar]
] = None, ] = None,

49
reflex/components/react_player/react_player.py
View File

@ -3,6 +3,7 @@
from __future__ import annotations from __future__ import annotations
from reflex.components.component import NoSSRComponent from reflex.components.component import NoSSRComponent
from reflex.event import EventHandler
from reflex.vars import Var from reflex.vars import Var
@ -43,3 +44,51 @@ class ReactPlayer(NoSSRComponent):
# Set the height of the player: ex:640px # Set the height of the player: ex:640px
height: Var[str] height: Var[str]
# Called when media is loaded and ready to play. If playing is set to true, media will play immediately.
on_ready: EventHandler[lambda: []]
# Called when media starts playing.
on_start: EventHandler[lambda: []]
# Called when media starts or resumes playing after pausing or buffering.
on_play: EventHandler[lambda: []]
# Callback containing played and loaded progress as a fraction, and playedSeconds and loadedSeconds in seconds. eg { played: 0.12, playedSeconds: 11.3, loaded: 0.34, loadedSeconds: 16.7 }
on_progress: EventHandler[lambda progress: [progress]]
# Callback containing duration of the media, in seconds.
on_duration: EventHandler[lambda seconds: [seconds]]
# Called when media is paused.
on_pause: EventHandler[lambda: []]
# Called when media starts buffering.
on_buffer: EventHandler[lambda: []]
# Called when media has finished buffering. Works for files, YouTube and Facebook.
on_buffer_end: EventHandler[lambda: []]
# Called when media seeks with seconds parameter.
on_seek: EventHandler[lambda seconds: [seconds]]
# Called when playback rate of the player changed. Only supported by YouTube, Vimeo (if enabled), Wistia, and file paths.
on_playback_rate_change: EventHandler[lambda e0: []]
# Called when playback quality of the player changed. Only supported by YouTube (if enabled).
on_playback_quality_change: EventHandler[lambda e0: []]
# Called when media finishes playing. Does not fire when loop is set to true.
on_ended: EventHandler[lambda: []]
# Called when an error occurs whilst attempting to play media.
on_error: EventHandler[lambda: []]
# Called when user clicks the light mode preview.
on_click_preview: EventHandler[lambda: []]
# Called when picture-in-picture mode is enabled.
on_enable_pip: EventHandler[lambda: []]
# Called when picture-in-picture mode is disabled.
on_disable_pip: EventHandler[lambda: []]

49
reflex/components/react_player/react_player.pyi
View File

@ -8,6 +8,7 @@ from reflex.vars import Var, BaseVar, ComputedVar
from reflex.event import EventChain, EventHandler, EventSpec from reflex.event import EventChain, EventHandler, EventSpec
from reflex.style import Style from reflex.style import Style
from reflex.components.component import NoSSRComponent from reflex.components.component import NoSSRComponent
from reflex.event import EventHandler
from reflex.vars import Var from reflex.vars import Var
class ReactPlayer(NoSSRComponent): class ReactPlayer(NoSSRComponent):
@ -34,15 +35,39 @@ class ReactPlayer(NoSSRComponent):
on_blur: Optional[ on_blur: Optional[
Union[EventHandler, EventSpec, list, function, BaseVar] Union[EventHandler, EventSpec, list, function, BaseVar]
] = None, ] = None,
on_buffer: Optional[
Union[EventHandler, EventSpec, list, function, BaseVar]
] = None,
on_buffer_end: Optional[
Union[EventHandler, EventSpec, list, function, BaseVar]
] = None,
on_click: Optional[ on_click: Optional[
Union[EventHandler, EventSpec, list, function, BaseVar] Union[EventHandler, EventSpec, list, function, BaseVar]
] = None, ] = None,
on_click_preview: Optional[
Union[EventHandler, EventSpec, list, function, BaseVar]
] = None,
on_context_menu: Optional[ on_context_menu: Optional[
Union[EventHandler, EventSpec, list, function, BaseVar] Union[EventHandler, EventSpec, list, function, BaseVar]
] = None, ] = None,
on_disable_pip: Optional[
Union[EventHandler, EventSpec, list, function, BaseVar]
] = None,
on_double_click: Optional[ on_double_click: Optional[
Union[EventHandler, EventSpec, list, function, BaseVar] Union[EventHandler, EventSpec, list, function, BaseVar]
] = None, ] = None,
on_duration: Optional[
Union[EventHandler, EventSpec, list, function, BaseVar]
] = None,
on_enable_pip: Optional[
Union[EventHandler, EventSpec, list, function, BaseVar]
] = None,
on_ended: Optional[
Union[EventHandler, EventSpec, list, function, BaseVar]
] = None,
on_error: Optional[
Union[EventHandler, EventSpec, list, function, BaseVar]
] = None,
on_focus: Optional[ on_focus: Optional[
Union[EventHandler, EventSpec, list, function, BaseVar] Union[EventHandler, EventSpec, list, function, BaseVar]
] = None, ] = None,
@ -70,9 +95,33 @@ class ReactPlayer(NoSSRComponent):
on_mouse_up: Optional[ on_mouse_up: Optional[
Union[EventHandler, EventSpec, list, function, BaseVar] Union[EventHandler, EventSpec, list, function, BaseVar]
] = None, ] = None,
on_pause: Optional[
Union[EventHandler, EventSpec, list, function, BaseVar]
] = None,
on_play: Optional[
Union[EventHandler, EventSpec, list, function, BaseVar]
] = None,
on_playback_quality_change: Optional[
Union[EventHandler, EventSpec, list, function, BaseVar]
] = None,
on_playback_rate_change: Optional[
Union[EventHandler, EventSpec, list, function, BaseVar]
] = None,
on_progress: Optional[
Union[EventHandler, EventSpec, list, function, BaseVar]
] = None,
on_ready: Optional[
Union[EventHandler, EventSpec, list, function, BaseVar]
] = None,
on_scroll: Optional[ on_scroll: Optional[
Union[EventHandler, EventSpec, list, function, BaseVar] Union[EventHandler, EventSpec, list, function, BaseVar]
] = None, ] = None,
on_seek: Optional[
Union[EventHandler, EventSpec, list, function, BaseVar]
] = None,
on_start: Optional[
Union[EventHandler, EventSpec, list, function, BaseVar]
] = None,
on_unmount: Optional[ on_unmount: Optional[
Union[EventHandler, EventSpec, list, function, BaseVar] Union[EventHandler, EventSpec, list, function, BaseVar]
] = None, ] = None,

48
reflex/components/react_player/video.pyi
View File

@ -35,15 +35,39 @@ class Video(ReactPlayer):
on_blur: Optional[ on_blur: Optional[
Union[EventHandler, EventSpec, list, function, BaseVar] Union[EventHandler, EventSpec, list, function, BaseVar]
] = None, ] = None,
on_buffer: Optional[
Union[EventHandler, EventSpec, list, function, BaseVar]
] = None,
on_buffer_end: Optional[
Union[EventHandler, EventSpec, list, function, BaseVar]
] = None,
on_click: Optional[ on_click: Optional[
Union[EventHandler, EventSpec, list, function, BaseVar] Union[EventHandler, EventSpec, list, function, BaseVar]
] = None, ] = None,
on_click_preview: Optional[
Union[EventHandler, EventSpec, list, function, BaseVar]
] = None,
on_context_menu: Optional[ on_context_menu: Optional[
Union[EventHandler, EventSpec, list, function, BaseVar] Union[EventHandler, EventSpec, list, function, BaseVar]
] = None, ] = None,
on_disable_pip: Optional[
Union[EventHandler, EventSpec, list, function, BaseVar]
] = None,
on_double_click: Optional[ on_double_click: Optional[
Union[EventHandler, EventSpec, list, function, BaseVar] Union[EventHandler, EventSpec, list, function, BaseVar]
] = None, ] = None,
on_duration: Optional[
Union[EventHandler, EventSpec, list, function, BaseVar]
] = None,
on_enable_pip: Optional[
Union[EventHandler, EventSpec, list, function, BaseVar]
] = None,
on_ended: Optional[
Union[EventHandler, EventSpec, list, function, BaseVar]
] = None,
on_error: Optional[
Union[EventHandler, EventSpec, list, function, BaseVar]
] = None,
on_focus: Optional[ on_focus: Optional[
Union[EventHandler, EventSpec, list, function, BaseVar] Union[EventHandler, EventSpec, list, function, BaseVar]
] = None, ] = None,
@ -71,9 +95,33 @@ class Video(ReactPlayer):
on_mouse_up: Optional[ on_mouse_up: Optional[
Union[EventHandler, EventSpec, list, function, BaseVar] Union[EventHandler, EventSpec, list, function, BaseVar]
] = None, ] = None,
on_pause: Optional[
Union[EventHandler, EventSpec, list, function, BaseVar]
] = None,
on_play: Optional[
Union[EventHandler, EventSpec, list, function, BaseVar]
] = None,
on_playback_quality_change: Optional[
Union[EventHandler, EventSpec, list, function, BaseVar]
] = None,
on_playback_rate_change: Optional[
Union[EventHandler, EventSpec, list, function, BaseVar]
] = None,
on_progress: Optional[
Union[EventHandler, EventSpec, list, function, BaseVar]
] = None,
on_ready: Optional[
Union[EventHandler, EventSpec, list, function, BaseVar]
] = None,
on_scroll: Optional[ on_scroll: Optional[
Union[EventHandler, EventSpec, list, function, BaseVar] Union[EventHandler, EventSpec, list, function, BaseVar]
] = None, ] = None,
on_seek: Optional[
Union[EventHandler, EventSpec, list, function, BaseVar]
] = None,
on_start: Optional[
Union[EventHandler, EventSpec, list, function, BaseVar]
] = None,
on_unmount: Optional[ on_unmount: Optional[
Union[EventHandler, EventSpec, list, function, BaseVar] Union[EventHandler, EventSpec, list, function, BaseVar]
] = None, ] = None,