CarlGao4/um-react
1
0
Fork 0
mirror of https://git.unlock-music.dev/um/um-react.git synced 2024-11-24 00:42:16 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat: qtfm instructions & notes

Browse Source
This commit is contained in:
鲁树人 2023-12-22 10:33:12 +00:00
parent 6f733864b7
commit 935d6a776a
1 changed files with 39 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

63
src/features/settings/panels/PanelQingTing.tsx
View File

@ -1,20 +1,19 @@
import { import {
Box, Box,
Button,
Code, Code,
Flex, Flex,
FormControl, FormControl,
FormHelperText, FormHelperText,
FormLabel, FormLabel,
Heading, Heading,
Icon,
Input, Input,
ListItem,
Text, Text,
UnorderedList,
} from '@chakra-ui/react'; } from '@chakra-ui/react';
import { useAppDispatch, useAppSelector } from '~/hooks'; import { useAppDispatch, useAppSelector } from '~/hooks';
import { fetchParakeet } from '@jixun/libparakeet'; import { fetchParakeet } from '@jixun/libparakeet';
import { MdLock } from 'react-icons/md';
import { ExtLink } from '~/components/ExtLink'; import { ExtLink } from '~/components/ExtLink';
import { ChangeEvent, ClipboardEvent } from 'react'; import { ChangeEvent, ClipboardEvent } from 'react';
import { VQuote } from '~/components/HelpText/VQuote'; import { VQuote } from '~/components/HelpText/VQuote';
@ -79,40 +78,56 @@ export function PanelQingTing() {
</Heading> </Heading>
<Text> <Text>
<VQuote>蜻蜓 FM</VQuote>安卓版本需要获取设备密钥，并以此来生成解密密钥。 <VQuote>蜻蜓 FM</VQuote>的安卓版本需要获取设备密钥，并以此来生成解密密钥。
</Text> </Text>
<Box display="none">
{/* TODO: 解密弹窗、带步骤说明 */}
<Box p={2} pt={4} pb={4}>
<Button onClick={() => {}} leftIcon={<Icon as={MdLock} boxSize={5} />} variant="outline">
获取解密密钥
</Button>
</Box>
</Box>
<Box mt={3} mb={3}> <Box mt={3} mb={3}>
<FormControl> <FormControl>
<FormLabel>设备密钥</FormLabel> <FormLabel>设备密钥</FormLabel>
<Input type="text" onPaste={handleDataPaste} value={secretKey} onChange={handleDataInput} /> <Input type="text" onPaste={handleDataPaste} value={secretKey} onChange={handleDataInput} />
<FormHelperText> <FormHelperText>
{'粘贴含有密钥的信息时将自动提取密钥（如通过 '} {'粘贴含有设备密钥的信息的内容时将自动提取密钥（如通过 '}
<ExtLink href={QTFM_DEVICE_ID_URL}> <ExtLink href={QTFM_DEVICE_ID_URL}>
<Code>qtfm-device-id</Code> <Code>qtfm-device-id</Code>
</ExtLink> </ExtLink>
{' 获取的内容）。'} {' 获取的设备信息）。'}
</FormHelperText> </FormHelperText>
</FormControl> </FormControl>
</Box> </Box>
{/* TODO: 填入内部储存开始的完整路径 */} <Heading as="h3" size="md" pt={3} pb={2}>
<Text> 注意事项
注：<VQuote>蜻蜓 FM</VQuote>下载的文件储存在 <Code>QTDownloadRadio</Code> 目录下，并使用 </Heading>
<VQuote> <UnorderedList>
<Code>.</Code> <ListItem>
</VQuote> <Text>
开始的文件名。 下载的文件位于
</Text> <Code>[内部储存]/Android/data/fm.qingting.qtradio/files/Music/</Code>
<Text>因为解密密钥与文件名相关，因此解密前请不要更改文件名。</Text> </Text>
<UnorderedList>
<ListItem>
<Text>
你可能需要使用有
<ruby>
特权
<rp> (</rp>
<rt>root</rt>
<rp>)</rp>
</ruby>
的文件浏览器访问。
</Text>
</ListItem>
</UnorderedList>
</ListItem>
<ListItem>
<Text>
音频文件文件名为「<Code>.p~!</Code>」前缀。
</Text>
</ListItem>
<ListItem>
<Text>因为解密密钥与文件名相关，因此解密前请不要更改文件名。</Text>
</ListItem>
</UnorderedList>
</Flex> </Flex>
); );
} }