antebudimir/feishin
1
0
Fork 0
mirror of https://github.com/antebudimir/feishin.git synced 2025-12-31 18:13:31 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

fix web player playback

Browse source 
- add missing forwardRef on AudioPlayer component
- bump react-player to latest
This commit is contained in:
jeffvli 2025-05-28 10:39:25 -07:00
parent 6525a8a725
commit daee582e92
3 changed files with 34 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

2
package.json
View file

@ -102,7 +102,7 @@
"react-error-boundary": "^3.1.4",
"react-i18next": "^11.18.6",
"react-icons": "^4.10.1",
"react-player": "^2.11.0",
"react-player": "3.0.0-canary.4",
"react-router": "^6.16.0",
"react-router-dom": "^6.16.0",
"react-simple-img": "^3.0.0",

28
pnpm-lock.yaml generated
View file

@ -168,8 +168,8 @@ importers:
specifier: ^4.10.1
version: 4.12.0(react@18.3.1)
react-player:
specifier: ^2.11.0
version: 2.16.0(react@18.3.1)
specifier: 3.0.0-canary.4
version: 3.0.0-canary.4(@types/react@18.3.22)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
react-router:
specifier: ^6.16.0
version: 6.30.1(react@18.3.1)
@ -263,7 +263,7 @@ importers:
version: 35.4.0
electron-builder:
specifier: ^26.0.12
version: 26.0.12(electron-builder-squirrel-windows@26.0.12(dmg-builder@26.0.12))
version: 26.0.12(electron-builder-squirrel-windows@26.0.12)
electron-devtools-installer:
specifier: ^3.2.0
version: 3.2.1
@ -3802,10 +3802,12 @@ packages:
react-is@16.13.1:
resolution: {integrity: sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==}
react-player@2.16.0:
resolution: {integrity: sha512-mAIPHfioD7yxO0GNYVFD1303QFtI3lyyQZLY229UEAp/a10cSW+hPcakg0Keq8uWJxT2OiT/4Gt+Lc9bD6bJmQ==}
react-player@3.0.0-canary.4:
resolution: {integrity: sha512-qaBI01hUzNic+TAbPOUMI0x2XItmmRsmRMWogescsb2RSsKVRnDJHFHmFqeO8Qvx+7RwWVw+p78JR0dTvBdHsQ==}
peerDependencies:
react: '>=16.6.0'
'@types/react': ^17.0.0 || ^18
react: ^17.0.2 || ^18
react-dom: ^17.0.2 || ^18
react-refresh@0.17.0:
resolution: {integrity: sha512-z6F7K9bV85EfseRCp2bzrpyQ0Gkw1uLoCel9XBVWPg/TjRj94SkJzUTGfOa4bs7iJvBWtQG0Wq7wnI0syw3EBQ==}
@ -6302,7 +6304,7 @@ snapshots:
app-builder-bin@5.0.0-alpha.12: {}
app-builder-lib@26.0.12(dmg-builder@26.0.12(electron-builder-squirrel-windows@26.0.12))(electron-builder-squirrel-windows@26.0.12(dmg-builder@26.0.12)):
app-builder-lib@26.0.12(dmg-builder@26.0.12)(electron-builder-squirrel-windows@26.0.12):
dependencies:
'@develar/schema-utils': 2.6.5
'@electron/asar': 3.2.18
@ -6985,7 +6987,7 @@ snapshots:
dmg-builder@26.0.12(electron-builder-squirrel-windows@26.0.12):
dependencies:
app-builder-lib: 26.0.12(dmg-builder@26.0.12(electron-builder-squirrel-windows@26.0.12))(electron-builder-squirrel-windows@26.0.12(dmg-builder@26.0.12))
app-builder-lib: 26.0.12(dmg-builder@26.0.12)(electron-builder-squirrel-windows@26.0.12)
builder-util: 26.0.11
builder-util-runtime: 9.3.1
fs-extra: 10.1.0
@ -7067,7 +7069,7 @@ snapshots:
electron-builder-squirrel-windows@26.0.12(dmg-builder@26.0.12):
dependencies:
app-builder-lib: 26.0.12(dmg-builder@26.0.12(electron-builder-squirrel-windows@26.0.12))(electron-builder-squirrel-windows@26.0.12(dmg-builder@26.0.12))
app-builder-lib: 26.0.12(dmg-builder@26.0.12)(electron-builder-squirrel-windows@26.0.12)
builder-util: 26.0.11
electron-winstaller: 5.4.0
transitivePeerDependencies:
@ -7075,9 +7077,9 @@ snapshots:
- dmg-builder
- supports-color
electron-builder@26.0.12(electron-builder-squirrel-windows@26.0.12(dmg-builder@26.0.12)):
electron-builder@26.0.12(electron-builder-squirrel-windows@26.0.12):
dependencies:
app-builder-lib: 26.0.12(dmg-builder@26.0.12(electron-builder-squirrel-windows@26.0.12))(electron-builder-squirrel-windows@26.0.12(dmg-builder@26.0.12))
app-builder-lib: 26.0.12(dmg-builder@26.0.12)(electron-builder-squirrel-windows@26.0.12)
builder-util: 26.0.11
builder-util-runtime: 9.3.1
chalk: 4.1.2
@ -8904,13 +8906,15 @@ snapshots:
react-is@16.13.1: {}
react-player@2.16.0(react@18.3.1):
react-player@3.0.0-canary.4(@types/react@18.3.22)(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
dependencies:
'@types/react': 18.3.22
deepmerge: 4.3.1
load-script: 1.0.0
memoize-one: 5.2.1
prop-types: 15.8.1
react: 18.3.1
react-dom: 18.3.1(react@18.3.1)
react-fast-compare: 3.2.2
react-refresh@0.17.0: {}

21
src/renderer/components/audio-player/index.tsx
View file

@ -3,8 +3,16 @@ import type { CrossfadeStyle } from '/@/shared/types/types';
import type { ReactPlayerProps } from 'react-player';
import isElectron from 'is-electron';
import { useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
import ReactPlayer from 'react-player/lazy';
import {
forwardRef,
useCallback,
useEffect,
useImperativeHandle,
useMemo,
useRef,
useState,
} from 'react';
import ReactPlayer from 'react-player';
import { api } from '/@/renderer/api';
import {
@ -87,7 +95,12 @@ const useSongUrl = (transcode: TranscodingConfig, current: boolean, song?: Song)
}, [current, song?.uniqueId, song?.serverId, song?.streamUrl, transcode]);
};
export const AudioPlayer = ({ ref, ...props }: AudioPlayerProps) => {
export interface AudioPlayerRef {
player1: null | ReactPlayer;
player2: null | ReactPlayer;
}
export const AudioPlayer = forwardRef<AudioPlayerRef, AudioPlayerProps>((props, ref) => {
const {
autoNext,
crossfadeDuration,
@ -443,4 +456,4 @@ export const AudioPlayer = ({ ref, ...props }: AudioPlayerProps) => {
/>
</>
);
};
});