Player improvements (#2099)

* Focus scene player on ready
* Change file info hotkey
* Add hide/show sidebar hotkey
* Add hotkey to hide scrubber
* Update keybinds manual page
This commit is contained in:
WithoutPants
2021-12-15 14:22:10 +11:00
committed by GitHub
parent b58883c074
commit 920ad1074f
5 changed files with 24 additions and 4 deletions

View File

@@ -53,6 +53,7 @@ const ScenePage: React.FC<IProps> = ({ scene, refetch }) => {
const [generateScreenshot] = useSceneGenerateScreenshot();
const [timestamp, setTimestamp] = useState<number>(getInitialTimestamp());
const [collapsed, setCollapsed] = useState(false);
const [showScrubber, setShowScrubber] = useState(true);
const {
data: sceneStreams,
@@ -549,22 +550,26 @@ const ScenePage: React.FC<IProps> = ({ scene, refetch }) => {
Mousetrap.bind("q", () => setActiveTabKey("scene-queue-panel"));
Mousetrap.bind("e", () => setActiveTabKey("scene-edit-panel"));
Mousetrap.bind("k", () => setActiveTabKey("scene-markers-panel"));
Mousetrap.bind("f", () => setActiveTabKey("scene-file-info-panel"));
Mousetrap.bind("i", () => setActiveTabKey("scene-file-info-panel"));
Mousetrap.bind("o", () => onIncrementClick());
Mousetrap.bind("p n", () => onQueueNext());
Mousetrap.bind("p p", () => onQueuePrevious());
Mousetrap.bind("p r", () => onQueueRandom());
Mousetrap.bind(",", () => setCollapsed(!collapsed));
Mousetrap.bind(".", () => setShowScrubber(!showScrubber));
return () => {
Mousetrap.unbind("a");
Mousetrap.unbind("q");
Mousetrap.unbind("e");
Mousetrap.unbind("k");
Mousetrap.unbind("f");
Mousetrap.unbind("i");
Mousetrap.unbind("o");
Mousetrap.unbind("p n");
Mousetrap.unbind("p p");
Mousetrap.unbind("p r");
Mousetrap.unbind(",");
Mousetrap.unbind(".");
};
});
@@ -617,7 +622,9 @@ const ScenePage: React.FC<IProps> = ({ scene, refetch }) => {
<div className={`scene-player-container ${collapsed ? "expanded" : ""}`}>
{!rerenderPlayer ? (
<ScenePlayer
className="w-100 m-sm-auto no-gutter"
className={`w-100 m-sm-auto no-gutter ${
!showScrubber ? "hide-scrubber" : ""
}`}
scene={scene}
timestamp={timestamp}
autoplay={autoplay}