feat: video controls

.vscode/settings.json

@@ -31,5 +31,37 @@
   "files.autoSave": "onWindowChange",
   "npm-scripts.showStartNotification": false,
   "editor.suggest.snippetsPreventQuickSuggestions": false,
-  "aiXcoder.showTrayIcon": true
+  "aiXcoder.showTrayIcon": true,
+  "cSpell.words": [
+    "antd",
+    "blueimp",
+    "bodyparser",
+    "cssinjs",
+    "drei",
+    "echarts",
+    "flexbugs",
+    "hashmark",
+    "jsonlint",
+    "maath",
+    "markmap",
+    "Markmap",
+    "Meraid",
+    "mockjs",
+    "mpetazzoni",
+    "portfinder",
+    "preinstall",
+    "purgecss",
+    "qrcode",
+    "reduxjs",
+    "screenfull",
+    "scripty",
+    "stime",
+    "stylelint",
+    "svgr",
+    "tailwindcss",
+    "trycatch",
+    "webpackbar",
+    "welldone",
+    "wkylin"
+  ]
 }

src/components/container/musicPlayer/Controls.jsx

@@ -20,15 +20,17 @@ const Controls = ({
       onClick={() => setRepeat((prev) => !prev)}
       className="hidden sm:block cursor-pointer"
     />
-    {currentSongs?.length && (
+    {currentSongs?.length > 0 && (
       <MdSkipPrevious size={30} color="#FFF" className="cursor-pointer" onClick={handlePrevSong} />
     )}
     {isPlaying ? (
       <BsFillPauseFill size={45} color="#FFF" onClick={handlePlayPause} className="cursor-pointer" />
     ) : (
       <BsFillPlayFill size={45} color="#FFF" onClick={handlePlayPause} className="cursor-pointer" />
     )}
-    {currentSongs?.length && <MdSkipNext size={30} color="#FFF" className="cursor-pointer" onClick={handleNextSong} />}
+    {currentSongs?.length > 0 && (
+      <MdSkipNext size={30} color="#FFF" className="cursor-pointer" onClick={handleNextSong} />
+    )}
     <BsShuffle
       size={20}
       color={shuffle ? 'red' : 'white'}

src/service/fetch.js

@@ -54,7 +54,7 @@ const handleFailedResult = (response, error, isShowError, reject) => {
   if (reject) reject(response)
 }
 
-const handleSuccessResult = (reslove, result, isShowError) => {
+const handleSuccessResult = (resolve, result, isShowError) => {
   // response.ok text/html text/plain result may be string
   if (result.code !== 0) {
     if (result.code === 41002) {
@@ -67,7 +67,7 @@ const handleSuccessResult = (reslove, result, isShowError) => {
       message.error(errStr, 2)
     }
   }
-  reslove(result)
+  resolve(result)
 }
 
 const handleFetchData = (url, options) => {

src/utils/aidFn.js

@@ -212,7 +212,7 @@ export const escape = (str) =>
 export const toCamelCase = (str) => str.trim().replace(/[-_\s]+(.)?/g, (_, c) => (c ? c.toUpperCase() : ''))
 export const random = (min, max) => Math.floor(Math.random() * (max - min + 1) + min)
 export const randomColor = () => `#${Math.random().toString(16).slice(2, 8).padEnd(6, '0')}`
-export const pause = (millis) => new Promise((resolve) => setTimeout(resolve, millis))
+export const pause = (millions) => new Promise((resolve) => setTimeout(resolve, millions))
 export const camelizeCamelCase = (str) =>
   str
     .replace(/(?:^\w|[A-Z]|\b\w)/g, (letter, index) => (index === 0 ? letter.toLowerCase() : letter.toUpperCase()))
@@ -228,18 +228,3 @@ export const copyTextToClipboard = async (textToCopy) => {
     console.error(`复制到剪贴板失败:${err.message}`)
   }
 }
-
-export const copyImgToClipboard = async (imgUrl) => {
-  try {
-    const data = await fetch(imgUrl)
-    const blob = await data.blob()
-    await navigator.clipboard.write([
-      new ClipboardItem({
-        [blob.type]: blob,
-      }),
-    ])
-    console.log('Image copied.')
-  } catch (err) {
-    console.error(err.name, err.message)
-  }
-}