show keyboard hints for space pause
This commit is contained in:
@@ -101,7 +101,8 @@ const STREAM_VIEW_KEYBINDINGS: KeybindingGroup[] = [
|
|||||||
{
|
{
|
||||||
label: "Playback",
|
label: "Playback",
|
||||||
bindings: [
|
bindings: [
|
||||||
{ keys: ["Hold", "Space"], description: "Pause" },
|
{ keys: ["Space"], description: "Toggle pause" },
|
||||||
|
{ keys: ["Hold", "Space"], description: "Pause while held" },
|
||||||
{ keys: ["Hold", "Shift"], description: "1.5× speed" },
|
{ keys: ["Hold", "Shift"], description: "1.5× speed" },
|
||||||
{ keys: ["Shift", "←", "→"], description: "Seek ±5s" },
|
{ keys: ["Shift", "←", "→"], description: "Seek ±5s" },
|
||||||
],
|
],
|
||||||
@@ -375,11 +376,18 @@ function StreamViewInner({ path, streamParticle }: StreamViewProps) {
|
|||||||
<div className="relative flex h-full w-full cursor-pointer items-center justify-center">
|
<div className="relative flex h-full w-full cursor-pointer items-center justify-center">
|
||||||
{renderParticle(currentParticle)}
|
{renderParticle(currentParticle)}
|
||||||
|
|
||||||
{fastPlayback && (
|
<div className="pointer-events-none absolute right-4 top-14 z-20 flex flex-col items-end gap-1.5">
|
||||||
<div className="pointer-events-none absolute right-4 top-14 z-20 rounded-full bg-black/50 px-2.5 py-1 text-xs font-medium text-white backdrop-blur-sm">
|
{fastPlayback && (
|
||||||
1.5x
|
<div className="rounded-full bg-black/50 px-2.5 py-1 text-xs font-medium text-white backdrop-blur-sm">
|
||||||
</div>
|
1.5x
|
||||||
)}
|
</div>
|
||||||
|
)}
|
||||||
|
{paused && (
|
||||||
|
<div className="rounded-full bg-black/40 px-2.5 py-1 text-xs font-medium text-white/70 backdrop-blur-sm">
|
||||||
|
Paused
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user