+1
-4
src/components/embeds/players/gif-player.tsx
+1
-4
src/components/embeds/players/gif-player.tsx
···
1
-
import { nanoid } from 'nanoid/non-secure';
2
1
import { createEffect, createSignal, onCleanup } from 'solid-js';
3
2
4
3
import { globalEvents } from '~/globals/events';
···
14
13
}
15
14
16
15
const GifPlayer = ({ snippet }: GifPlayerProps) => {
17
-
const playerId = nanoid();
18
-
19
16
const [playing, setPlaying] = createSignal(false);
20
17
const [stalling, setStalling] = createSignal(false);
21
18
···
67
64
}
68
65
}}
69
66
onPlay={() => {
70
-
globalEvents.emit('mediaplay', playerId);
67
+
globalEvents.emit('mediaplay');
71
68
setPlaying(true);
72
69
}}
73
70
onPause={() => {
-3
src/components/embeds/players/video-player.tsx
-3
src/components/embeds/players/video-player.tsx
···
1
1
import type * as h from 'hls.js';
2
2
import Hls from 'hls.js/dist/hls.light.js';
3
-
import { nanoid } from 'nanoid/non-secure';
4
3
import { createEffect, createSignal, onCleanup } from 'solid-js';
5
4
6
5
import type { AppBskyEmbedVideo } from '@atcute/bluesky';
···
21
20
const { currentAccount } = useSession();
22
21
23
22
const [playing, setPlaying] = createSignal(false);
24
-
const playerId = nanoid();
25
23
26
24
const hls = new Hls({
27
25
capLevelToPlayerSize: true,
···
90
88
playsinline
91
89
autoplay
92
90
onPlay={() => {
93
-
globalEvents.emit('mediaplay', playerId);
94
91
setPlaying(true);
95
92
}}
96
93
onPause={() => {