mirror of
https://github.com/p-stream/p-stream.git
synced 2026-05-13 12:40:58 +00:00
20 lines
563 B
TypeScript
20 lines
563 B
TypeScript
import { Icons } from "@/components/Icon";
|
|
import { VideoPlayerButton } from "@/components/player/internals/Button";
|
|
import { usePlayerStore } from "@/stores/player/store";
|
|
import {
|
|
canPictureInPicture,
|
|
canWebkitPictureInPicture,
|
|
} from "@/utils/detectFeatures";
|
|
|
|
export function Pip() {
|
|
const display = usePlayerStore((s) => s.display);
|
|
|
|
if (!canPictureInPicture() && !canWebkitPictureInPicture()) return null;
|
|
|
|
return (
|
|
<VideoPlayerButton
|
|
onClick={() => display?.togglePictureInPicture()}
|
|
icon={Icons.PICTURE_IN_PICTURE}
|
|
/>
|
|
);
|
|
}
|