{children}
+}
+
+
+
+ {children}
+
+ )
+}
++ {currentRoute?.meta.title} +
+ {FunctionArea} +
+ {
+ setProgress(value)
+ handleOnValueChangeWithDebounce(value)
+ }}
+ {...rest}
+ className={cn('w-[170px]', className, classNames?.slider)}
+ />
+ {progress}s
+
+ )
+})
++ ) +} + +export const DividerVertical: FC< + DetailedHTMLProps
{children}
+)
+
+export const DeclarativeModal = Object.assign(DeclarativeModalImpl, {
+ FooterAction,
+})
+
+ {title && {title} }
+ {description && {description} }
+
+ {action}
+
+
`
+ }
+}
+
+
+ 关闭
+
+
+
+
`
+ }
+}
+
+
+
`
+ }
+}
+
+
+
`
+ }
+}
+
+
+ )
+}
+
+
+ )
+}
+
+const NavLinkItem: FC
+
+
+
+
+
+
+ showModal()} />
+
+
+
+
+ {isWeb ? (
+
+ + + {title} +
+
+
+
+ )
+}
+
+export const NetWorkCheck = () => {
+ const status = useNetworkStatus()
+ if (status) {
+ return null
+ }
+ return (
+
+
+ )
+ }
+
+ return (
+ 发现新版本，正在下载更新...
+ +
+
+
+ )
+}
+
+
+
+
+
+
+
+ )
+}
+FFmpeg Player
+}
+
+
+ ),
+ duration: 5000,
+ })
+ }
+ }
+ }
+ handleInitalizePlayer()
+ return () => {
+ _playerInstance?.destroy()
+ playerInstance?.destroy()
+ setPlayerInstance(null)
+ }
+ }, [playerRef])
+
+ return { playerRef, playerInstance }
+}
+
+export const useXgPlayerUtils = () => {
+ const playerSettings = usePlayerSettingsValue()
+
+ const setResponsiveSettingsUpdate = useCallback(
+ (playerInstance: PlayerType | null) => {
+ if (playerInstance?.isPlaying) {
+ const { danmakuDuration, danmakuEndArea, danmakuFontSize } = playerSettings
+ playerInstance.danmu?.setFontSize(+danmakuFontSize, 24)
+ playerInstance.danmu?.setAllDuration('all', +danmakuDuration)
+ playerInstance.danmu?.setArea({
+ start: 0,
+ end: +danmakuEndArea,
+ })
+ }
+ },
+ [playerSettings],
+ )
+
+ return {
+ setResponsiveSettingsUpdate,
+ }
+}
+共加载 {mergedDanmakuData?.length} 条弹幕
+-
+ {itemsTitle.map((item, index) => (
+
} +
+
+
+ {title}
+
+ {!end && } +
Audio
+}
+
+
+ {!isWeb && (
+
+ )
+}
+
+
+
+
+ )}
+
+
+ 暂无弹幕
+ } + return danmaku?.map((item) => { + const danmakuPlatform = danmakuPlatformMap(item) + return ( +
+ handleCheckDanmaku({ checked, source: item.source })}
+ />
+
+
+ )
+ })
+})
+
+interface PopoverContentLayoutProps extends PropsWithChildren {
+ title: string
+}
+export const PopoverContentLayout: FC
+
+ )
+}
+
+const RematchDanmaku = () => {
+ const video = useAtomValue(videoAtom)
+ const player = usePlayerInstance()
+ return (
+
+ )
+}
+
+const ClearDanmakuCache = () => {
+ const video = useAtomValue(videoAtom)
+ const { importAnimeViaIPC } = useVideo()
+ const present = useConfirmationDialog()
+ if (isWeb) {
+ return null
+ }
+ return (
+
+ )
+}
+{title}
+{children}
+ -
+ {isWeb ? (
+
- + {video?.name} + + ) : ( + video?.playList?.map(({ name, urlWithPrefix }) => { + const playingVideo = name === video.name + const getTitle = () => { + if (playingVideo && animeTitle && episodeTitle) { + return `${animeTitle}-${episodeTitle}` + } + return name + } + return ( +
- { + if (playingVideo) { + return + } + jotaiStore.set(playerSettingSheetAtom, false) + importAnimeViaIPC({ path: urlWithPrefix }) + }} + > + {getTitle()} + + ) + }) + )} +
+ toggleMode(value as AppTheme)}
+ >
+
+ {themes.map((item) => (
+
+ {item.icon}
+ {item.name}
+
+ ))}
+
+
+
+ )
+}
+
+const themes = [
+ {
+ name: '系统',
+ value: 'system',
+ icon: ,
+ },
+ {
+ name: '白天',
+ value: 'cmyk',
+ icon: ,
+ },
+ {
+ name: '夜间',
+ value: 'dark',
+ icon: ,
+ },
+]
+{children}
+ ) : (
+
+
+ )
+}
+
+export const SettingTabItem: FC
+
+ -
+ {settingTabs.map((tab) => (
+
+ {component}
+
+ + + 设置 +
+ ) +} +{children}
+
+
+)
+
+CommandInput.displayName = CommandPrimitive.Input.displayName
+
+const CommandList = ({
+ ref,
+ className,
+ ...props
+}: React.ComponentPropsWithoutRef
+
+
`
+ }
+}
+
+
+ )
+}
+export const subtitlePopoverToString = renderToString(
+
+
+
+
+
+
+
+
+
+
+ 111111
+
+
+
+
+ ),
+ })
+ }
+ tipcClient?.confirmationDialog({ title: params.title }).then((result) => {
+ if (!result) {
+ return params.handleCancel?.()
+ }
+ params.handleConfirm?.()
+ })
+ return
+ },
+ [present],
+ )
+}
+还在编写中，敬请期待
+
+
+ )
+}
+糟糕发生错误了😭
++ 错误信息: {error?.statusText ?? error?.message} +
+ +
+
+
+
+ )
+}
+
+const PrepareForWeb = () => {
+ const [appSettings, setAppSettings] = useAppSettings()
+ const { toast } = useToast()
+ const { firstOpen } = appSettings
+
+ useEffect(() => {
+ appLog(
+ 'Download the Marchen Player client from github',
+ 'https://github.com/marchen-dev/marchen-player/releases/latest',
+ )
+ if (!firstOpen) {
+ return
+ }
+ const clear = setTimeout(() => {
+ const description = `${!isChromiumBased() ? '当前浏览器不支持 MKV 容器格式，' : ''}推荐下载客户端版本获得完整的体验`
+ toast({
+ title: '下载客户端',
+ description,
+ duration: 10000,
+ action: {children}
+}
+
+interface FieldsCardLayoutProps extends PropsWithChildren {
+ title?: ReactNode
+ className?: string
+}
+export const FieldsCardLayout: FC{title}
+ {children} +
+ {title}
+ {children}
+
+ )
+}
+
+ {title}
+
+
+ {finalChildren}
+
+
+
+
+
+
+
+ {title}
+
+
+
+
+ {finalChildren}
+ e.preventDefault()}
+ className={cn('flex size-full items-center justify-center')}
+ >
+ {content}
+ {!url && (
+
+ )}
+
+ 点击或拖拽动漫到此处播放
+
+
+
+
+ {!isWeb && (
+
+ )}
+
+
+ Marchen
+
+
+ 当前版本: {version}
+Copyright @ {new Date().getFullYear()} Suemor
+
+ {SocialMediaList.map((item) => (
+
+ ))}
+
+
+
+
+
+
+ -
+ {historyData?.map((item) => (
+
+
+
+ )}
+ 没有内容
+
+
+ + {animeTitle} +
+
+ {episodeTitle || '暂无弹幕库'}
+
+
+ {relativeTimeToNow(updatedAt)}
+
+
+ {!isWeb && (
+
+ setAppSettings((old) => ({
+ ...old,
+ showPoster: value,
+ }))
+ }
+ >
+
+
+ )}
+
+ present({
+ title: '是否删除历史记录?',
+ handleConfirm: () => {
+ db.history.clear()
+ },
+ })
+ }
+ >
+
+
+
+ )
+})
+
+interface HistoryImageProps {
+ src?: string
+}
+
+const HistoryImage: FC
+
+
+ ) : (
+
+ {text.split('\n').map((line) => (
+
+ ),
+ duration: 10000,
+ })
+ jotaiStore.set(appSettingAtom, { ...appData, showUpdateNote: false })
+ }
+ } catch (error) {
+ console.error(error)
+ }
+ }),
+ handlers?.windowAction.listen((action) => {
+ switch (action) {
+ case 'maximize': {
+ jotaiStore.set(windowStateAtom, WindowState.MAXIMIZED)
+ break
+ }
+ case 'unmaximize': {
+ jotaiStore.set(windowStateAtom, WindowState.NORMAL)
+ break
+ }
+ }
+ }),
+ ]
+
+ return () => {
+ unlisten?.forEach((fn) => fn?.())
+ }
+ }, [showModal])
+ return null
+}
+{line}
+ ))} + e.preventDefault()}
- className={cn('flex size-full items-center justify-center ')}
+ className={cn('flex size-full items-center justify-center')}
>
{content}
{!url && (
diff --git a/src/renderer/src/providers/TipcListener.tsx b/src/renderer/src/providers/TipcListener.tsx
index f6e84907..c6361035 100644
--- a/src/renderer/src/providers/TipcListener.tsx
+++ b/src/renderer/src/providers/TipcListener.tsx
@@ -3,7 +3,7 @@ import type { useAppSettingsValue } from '@renderer/atoms/settings/app'
import { appSettingAtom } from '@renderer/atoms/settings/app'
import { jotaiStore } from '@renderer/atoms/store'
import { WindowState, windowStateAtom } from '@renderer/atoms/window'
-import { useVideo } from '@renderer/components/modules/player/loading/hooks'
+import { useVideo } from '@renderer/components/modules/core/html5-player/loading/hooks'
import { useSettingModal } from '@renderer/components/modules/settings/hooks'
import { settingTabs } from '@renderer/components/modules/settings/tabs'
import { toast } from '@renderer/components/ui/toast/use-toast'