no message

10.js

@@ -0,0 +1,83 @@
+{
+  "code": 200,
+  "message": "创建成功, 请等待生成完成",
+  "data": {
+    "metadataid": "y1WUKWrMR9chXjTr7tUgdcOITk8phBJU0Q4RxjAwODI~",
+    "metadata": {
+      "tags": "bass,guitar,pop,electro,electronic,rock,drum,heavy metal,beat,hard rock,catchy",
+      "prompt": "[Verse]\n清晨的阳光照\n我们走到一起\n手牵手心连心\n工会的力量聚\n\n[Verse 2]\n大家互相帮助\n为了共同目标\n日夜不知疲倦\n梦想如此燃烧\n\n[Chorus]\n工会是我们家\n温暖又充满爱\n一起努力奋斗\n未来更美好\n\n[Verse]\n无论风雨多大\n我们永不退缩\n坚定彼此信任\n为前途拼搏\n\n[Verse 2]\n困境中有依靠\n大家并肩奋斗\n希望就在前方\n工会帮你圆梦\n\n[Chorus]\n工会是我们家\n温暖又充满爱\n一起努力奋斗\n未来更美好\n\n[Verse]\n清晨的阳光照\n我们走到一起\n手牵手心连心\n工会的力量聚\n\n[Verse 2]\n大家互相帮助\n为了共同目标\n日夜不知疲倦\n梦想如此燃烧\n\n[Chorus]\n工会是我们家\n温暖又充满爱\n一起努力奋斗\n未来更美好\n\n[Verse]\n无论风雨多大\n我们永不退缩\n坚定彼此信任\n为前途拼搏\n\n[Verse 2]\n困境中有依靠\n大家并肩奋斗\n希望就在前方\n工会帮你圆梦\n\n[Chorus]\n工会是我们家\n温暖又充满爱\n一起努力奋斗\n未来更美好\n[Verse]\n清晨的阳光照\n我们走到一起\n手牵手心连心\n工会的力量聚\n\n[Verse 2]\n大家互相帮助\n为了共同目标\n日夜不知疲倦\n梦想如此燃烧\n\n[Chorus]\n工会是我们家\n温暖又充满爱\n一起努力奋斗\n未来更美好\n\n[Verse]\n无论风雨多大\n我们永不退缩\n坚定彼此信任\n为前途拼搏\n\n[Verse 2]\n困境中有依靠\n大家并肩奋斗\n希望就在前方\n工会帮你圆梦\n\n[Chorus]\n工会是我们家\n温暖又充满爱\n一起努力奋斗\n未来更美好\n[Verse]\n清晨的阳光照\n我们走到一起\n手牵手心连心\n工会的力量聚\n\n[Verse 2]\n大家互相帮助\n为了共同目标\n日夜不知疲倦\n梦想如此燃烧\n\n[Chorus]\n工会是我们家\n温暖又充满爱\n一起努力奋斗\n未来更美好\n\n[Verse]\n无论风雨多大\n我们永不退缩\n坚定彼此信任\n为前途拼搏\n\n[Verse 2]\n困境中有依靠\n大家并肩奋斗\n希望就在前方\n工会帮你圆梦\n\n[Chorus]\n工会是我们家\n温暖又充满爱\n一起努力奋斗\n未来更美好\n[Verse]\n清晨的阳光照\n我们走到一起\n手牵手心连心\n工会的力量聚\n\n[Verse 2]\n大家互相帮助\n为了共同目标\n日夜不知疲倦\n梦想如此燃烧\n\n[Chorus]\n工会是我们家\n温暖又充满爱\n一起努力奋斗\n未来更美好\n\n[Verse]\n无论风雨多大\n我们永不退缩\n坚定彼此信任\n为前途拼搏\n\n[Verse 2]\n困境中有依靠\n大家并肩奋斗\n希望就在前方\n工会帮你圆梦\n\n[Chorus]\n工会是我们家\n温暖又充满爱\n一起努力奋斗\n未来更美好\n[Verse]\n清晨的阳光照\n我们走到一起\n手牵手心连心\n工会的力量聚\n\n[Verse 2]\n大家互相帮助\n为了共同目标\n日夜不知疲倦\n梦想如此燃烧\n\n[Chorus]\n工会是我们家\n温暖又充满爱\n一起努力奋斗\n未来更美好\n\n[Verse]\n无论风雨多大\n我们永不退缩\n坚定彼此信任\n为前途拼搏\n\n[Verse 2]\n困境中有依靠\n大家并肩奋斗\n希望就在前方\n工会帮你圆梦\n\n[Chorus]\n工会是我们家\n温暖又充满爱\n一起努力奋斗\n未来更美好[Verse]\n清晨的阳光照\n我们走到一起\n手牵手心连心\n工会的力量聚\n\n[Verse 2]\n大家互相帮助\n为了共同目标\n日夜不知疲倦\n梦想如此燃烧\n\n[Chorus]\n工会是我们家\n温暖又充满爱\n一起努力奋斗\n未来更美好\n\n[Verse]\n无论风雨多大\n我们永不退缩\n坚定彼此信任\n为前途拼搏\n\n[Verse 2]\n困境中有依靠\n大家并肩奋斗\n希望就在前方\n工会帮你圆梦\n\n[Chorus]\n工会是我们家\n温暖又充满爱\n一起努力奋斗\n未来更美好\n[Verse]\n清晨的阳光照\n我们走到一起\n手牵手心连心\n工会的力量聚\n\n[Verse 2]\n大家互相帮助\n为了共同目标\n日夜不知疲倦\n梦想如此燃烧\n\n[Chorus]\n工会是我们家\n温暖又充满爱\n一起努力奋斗\n未来更美好\n\n[Verse]\n无论风雨多大\n我们永不退缩\n坚定彼此信任\n为前途拼搏\n\n[Verse 2]\n困境中有依靠\n大家并肩奋斗\n希望就在前方\n工会帮你圆梦\n\n[Chorus]\n工会是我们家\n温暖又充满爱\n一起努力奋斗\n未来更美好\n[Verse]\n清晨的阳光照\n我们走到一起\n手牵手心连心\n工会的力量聚\n",
+      "gpt_description_prompt": "",
+      "audio_prompt_id": null,
+      "history": null,
+      "concat_history": null,
+      "type": "gen",
+      "duration": null,
+      "refund_credits": null,
+      "stream": true,
+      "infill": null,
+      "has_vocal": null,
+      "is_audio_upload_tos_accepted": null,
+      "error_type": null,
+      "error_message": null
+    },
+    "list": [
+      {
+        "id": "-j0HAIqpsMl9fMLIEwmF4KIkVpIuEg0zM2Iy",
+        "sid": "a6290e8b-3f3b-4d6c-97d9-4a29b1624a21",
+        "uid": 10002,
+        "video_url": "https://suno.ansnid.com/api/details/video?id=0WYldx0t3yoAmCrraqfqV1LyzEfJ2PgyYTMw",
+        "audio_url": "https://suno.ansnid.com/api/details/play?id=0WYldx0t3yoAmCrraqfqV1LyzEfJ2PgyYTMw",
+        "image_url": "https://suno.ansnid.com/attachment/Zvt57TuJSUvkyhw-xGjY2l_57JF1f36NxsgRvsF4WPaXVDDwYO5yQwN5NDQyOQ~~",
+        "image_large_url": "https://suno.ansnid.com/attachment/Zvt57TuJSUvkyhw-xGjY2l_57JF1f36NxsgRvsF4WPaXVDDwYO5yQwN5NDQyOQ~~",
+        "is_video_pending": 0,
+        "major_model_version": "v3",
+        "model_name": "chirp-v3",
+        "metadataid": "42iKU_T0nBBguTk3msyWKkxuxd0DHTBhYWM~",
+        "is_liked": 0,
+        "user_id": "a02ec653-e033-40d0-99f4-e19f62aa67a7",
+        "display_name": "SalsaInstrumentals248",
+        "handle": "salsainstrumentals248",
+        "is_handle_updated": 0,
+        "avatar_image_url": "https://suno.ansnid.com/attachment/Zvt57TuJSUvkyhw-xGvUvCGHpt5oNTyM1Nwws44-UqWPEyOpLewjBmkLQOaVto5btLkHVTXbv066ilcr5nMBmbsIjkKlE7gjNuiLni516C4eUzQ0Mjk~",
+        "metadata": [],
+        "is_trashed": 0,
+        "reaction": null,
+        "created_at": "2024-07-18 06:38:12",
+        "status": "submitted",
+        "title": "工会的歌曲",
+        "play_count": 0,
+        "upvote_count": 0,
+        "is_public": 0
+      },
+      {
+        "id": "eWtLtIc1wlwhEwgKe9foQstvV8_iVoI2NDE5",
+        "sid": "4978ff05-9f66-47c5-8a4b-b5f8242e621c",
+        "uid": 10002,
+        "video_url": "https://suno.ansnid.com/api/details/video?id=D69uv2C77MjYBp-ZDiwq7_-dm_gDVcwzMjU0",
+        "audio_url": "https://suno.ansnid.com/api/details/play?id=X2YChd3odKK_NFQ_zXqrDU0Y371H8i4xYTA0",
+        "image_url": "https://suno.ansnid.com/attachment/Zvt57TuJSUvkyhw-xGjY2l_57JF1f36NxsgRvsF4WPaXVDDwYO5yQwN5NDQyOQ~~",
+        "image_large_url": "https://suno.ansnid.com/attachment/Zvt57TuJSUvkyhw-xGjY2l_57JF1f36NxsgRvsF4WPaXVDDwYO5yQwN5NDQyOQ~~",
+        "is_video_pending": 0,
+        "major_model_version": "v3",
+        "model_name": "chirp-v3",
+        "metadataid": "7noKnrfbl4I7BoUQ5NOBcr34zrrRlmEyMzg~",
+        "is_liked": 0,
+        "user_id": "a02ec653-e033-40d0-99f4-e19f62aa67a7",
+        "display_name": "SalsaInstrumentals248",
+        "handle": "salsainstrumentals248",
+        "is_handle_updated": 0,
+        "avatar_image_url": "https://suno.ansnid.com/attachment/Zvt57TuJSUvkyhw-xGvUvCGHpt5oNTyM1Nwws44-UqWPEyOpLewjBmkLQOaVto5btLkHVTXbv066ilcr5nMBmbsIjkKlE7gjNuiLni516C4eUzQ0Mjk~",
+        "metadata": [],
+        "is_trashed": 0,
+        "reaction": null,
+        "created_at": "2024-07-18 06:38:12",
+        "status": "submitted",
+        "title": "工会的歌曲",
+        "play_count": 0,
+        "upvote_count": 0,
+        "is_public": 0
+      }
+    ],
+    "traceCount": 0
+  }
+}

index.html

@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <link rel="icon" href="/favicon.ico">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Vite App</title>
+    <title>SunoAI音乐创作工具</title>
   </head>
   <body>
     <div id="app"></div>

src/assets/img/loading-icon.svg

@@ -0,0 +1 @@
+<svg class="icon" style="width: 1em;height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="982"><path d="M782.065 901.684c10.893 18.387 4.797 42.97-14.29 53.363-18.687 10.893-42.47 4.497-53.064-14.29-11.392-18.388-4.796-42.471 13.691-53.364 19.387-10.792 42.77-4.197 53.663 14.29z m-230.342 83.243c0 21.285-17.588 39.073-39.673 39.073-21.285 0-39.073-17.388-39.073-39.073v-27.382c0-21.785 17.887-39.173 39.073-39.173 21.785 0 39.673 17.388 39.673 39.173v27.382z m-241.135-44.17c-11.093 19.287-35.176 25.383-53.664 14.49-18.987-10.693-25.682-34.576-14.49-53.663l29.08-50.866c11.193-18.687 35.176-25.182 54.163-14.49 18.388 10.893 25.183 35.176 13.99 53.664l-29.08 50.865zM123.416 782.765c-18.987 10.593-43.27 4.197-53.664-14.49-11.092-18.388-4.796-42.77 13.99-53.664l78.147-45.269c18.688-10.392 42.971-4.496 53.664 14.49 10.592 18.388 4.097 42.771-14.49 53.664l-77.647 45.269zM40.272 551.823c-21.785 0-39.073-17.588-39.073-39.074 0-21.785 17.288-39.373 39.073-39.373H161.99c21.785 0 39.074 17.588 39.074 39.074 0 21.785-17.289 39.373-39.074 39.373H40.272z m43.57-241.535c-18.986-10.593-25.182-34.576-13.99-53.364 10.393-18.987 34.577-25.382 53.664-14.49l132.31 76.848c18.686 10.692 24.882 34.576 14.49 53.063-11.093 18.987-35.177 25.083-53.564 14.49l-132.91-76.547z m158.592-187.072l92.137 159.99c11.193 18.688 35.176 25.383 53.863 14.29 18.688-10.592 24.883-34.876 13.99-53.663l-92.536-159.69c-10.593-18.488-34.576-25.183-53.064-14.29-18.987 10.892-25.082 34.975-14.39 53.363z m230.643-82.644c0-21.285 17.887-39.373 39.073-39.373 21.785 0 39.673 17.688 39.673 39.373v184.274c0 21.785-17.588 39.373-39.673 39.673-21.286 0-39.073-17.288-39.073-39.673V40.572z m241.135 43.57c11.192-18.987 34.876-25.182 53.663-14.49 18.987 10.593 25.683 34.577 14.49 53.664l-92.337 159.99c-10.393 18.688-34.976 25.283-53.663 14.49-18.687-10.892-24.883-35.176-14.29-53.963l92.137-159.69z m187.671 158.292l-160.19 92.337c-18.687 10.593-25.183 34.577-14.49 53.663 11.092 18.388 35.176 24.584 53.663 14.29l160.29-92.336c18.388-10.593 25.183-34.577 13.991-53.364-10.793-18.987-34.876-25.782-53.264-14.59z m82.344 230.942c21.985 0 39.373 17.588 39.073 39.373 0 21.486-16.988 39.074-39.073 39.074H799.753c-21.285 0-39.173-17.588-39.173-39.373 0-21.486 17.888-39.074 39.173-39.074h184.474z" fill="#fff" p-id="983"></path></svg>

src/assets/img/question-icon.svg

@@ -1 +1,6 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"><path fill="#fff" d="M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896m23.744 191.488c-52.096 0-92.928 14.784-123.2 44.352-30.976 29.568-45.76 70.4-45.76 122.496h80.256c0-29.568 5.632-52.8 17.6-68.992 13.376-19.712 35.2-28.864 66.176-28.864 23.936 0 42.944 6.336 56.32 19.712 12.672 13.376 19.712 31.68 19.712 54.912 0 17.6-6.336 34.496-19.008 49.984l-8.448 9.856c-45.76 40.832-73.216 70.4-82.368 89.408-9.856 19.008-14.08 42.24-14.08 68.992v9.856h80.96v-9.856c0-16.896 3.52-31.68 10.56-45.76 6.336-12.672 15.488-24.64 28.16-35.2 33.792-29.568 54.208-48.576 60.544-55.616 16.896-22.528 26.048-51.392 26.048-86.592 0-42.944-14.08-76.736-42.24-101.376-28.16-25.344-65.472-37.312-111.232-37.312zm-12.672 406.208a54.272 54.272 0 0 0-38.72 14.784 49.408 49.408 0 0 0-15.488 38.016c0 15.488 4.928 28.16 15.488 38.016A54.848 54.848 0 0 0 523.072 768c15.488 0 28.16-4.928 38.72-14.784a51.52 51.52 0 0 0 16.192-38.72 51.968 51.968 0 0 0-15.488-38.016 55.936 55.936 0 0 0-39.424-14.784z"></path></svg>
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="16px" height="16px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -85 -183 )">
+    <path d="M 9.23958333333333 13.2395833333333  C 9.30208333333333 13.1770833333333  9.33333333333333 13.0972222222222  9.33333333333333 13  L 9.33333333333333 11  C 9.33333333333333 10.9027777777778  9.30208333333333 10.8229166666667  9.23958333333333 10.7604166666667  C 9.17708333333333 10.6979166666667  9.09722222222222 10.6666666666667  9 10.6666666666667  L 7 10.6666666666667  C 6.90277777777778 10.6666666666667  6.82291666666667 10.6979166666667  6.76041666666667 10.7604166666667  C 6.69791666666667 10.8229166666667  6.66666666666667 10.9027777777778  6.66666666666667 11  L 6.66666666666667 13  C 6.66666666666667 13.0972222222222  6.69791666666667 13.1770833333333  6.76041666666667 13.2395833333333  C 6.82291666666667 13.3020833333333  6.90277777777778 13.3333333333333  7 13.3333333333333  L 9 13.3333333333333  C 9.09722222222222 13.3333333333333  9.17708333333333 13.3020833333333  9.23958333333333 13.2395833333333  Z M 11.8697916666667 6.84375  C 11.9565972222222 6.58680555555556  12 6.30555555555556  12 6  C 12 5.38888888888889  11.8072916666667 4.82291666666667  11.421875 4.30208333333333  C 11.0364583333333 3.78125  10.5555555555556 3.37847222222222  9.97916666666667 3.09375  C 9.40277777777778 2.80902777777778  8.8125 2.66666666666667  8.20833333333333 2.66666666666667  C 6.52083333333333 2.66666666666667  5.23263888888889 3.40625  4.34375 4.88541666666667  C 4.23958333333333 5.05208333333333  4.26736111111111 5.19791666666667  4.42708333333333 5.32291666666667  L 5.80208333333333 6.36458333333333  C 5.85069444444445 6.40625  5.91666666666667 6.42708333333333  6 6.42708333333333  C 6.11111111111111 6.42708333333333  6.19791666666667 6.38541666666667  6.26041666666667 6.30208333333333  C 6.62847222222222 5.82986111111111  6.92708333333333 5.51041666666667  7.15625 5.34375  C 7.39236111111111 5.17708333333333  7.69097222222222 5.09375  8.05208333333333 5.09375  C 8.38541666666667 5.09375  8.68229166666667 5.18402777777778  8.94270833333333 5.36458333333333  C 9.203125 5.54513888888889  9.33333333333333 5.75  9.33333333333333 5.97916666666667  C 9.33333333333333 6.24305555555556  9.26388888888889 6.45486111111111  9.125 6.61458333333333  C 8.98611111111111 6.77430555555556  8.75 6.93055555555556  8.41666666666667 7.08333333333333  C 7.97916666666667 7.27777777777778  7.578125 7.578125  7.21354166666667 7.984375  C 6.84895833333333 8.390625  6.66666666666667 8.82638888888889  6.66666666666667 9.29166666666667  L 6.66666666666667 9.66666666666667  C 6.66666666666667 9.76388888888889  6.69791666666667 9.84375  6.76041666666667 9.90625  C 6.82291666666667 9.96875  6.90277777777778 10  7 10  L 9 10  C 9.09722222222222 10  9.17708333333333 9.96875  9.23958333333333 9.90625  C 9.30208333333333 9.84375  9.33333333333333 9.76388888888889  9.33333333333333 9.66666666666667  C 9.33333333333333 9.53472222222222  9.40798611111111 9.36284722222222  9.55729166666667 9.15104166666667  C 9.70659722222222 8.93923611111111  9.89583333333333 8.76736111111111  10.125 8.63541666666667  C 10.3472222222222 8.51041666666667  10.5173611111111 8.41145833333333  10.6354166666667 8.33854166666667  C 10.7534722222222 8.265625  10.9131944444444 8.14409722222222  11.1145833333333 7.97395833333333  C 11.3159722222222 7.80381944444444  11.4704861111111 7.63715277777778  11.578125 7.47395833333333  C 11.6857638888889 7.31076388888889  11.7829861111111 7.10069444444444  11.8697916666667 6.84375  Z M 14.9270833333333 3.984375  C 15.6423611111111 5.21006944444444  16 6.54861111111111  16 8  C 16 9.45138888888889  15.6423611111111 10.7899305555556  14.9270833333333 12.015625  C 14.2118055555556 13.2413194444444  13.2413194444444 14.2118055555556  12.015625 14.9270833333333  C 10.7899305555556 15.6423611111111  9.45138888888889 16  8 16  C 6.54861111111111 16  5.21006944444444 15.6423611111111  3.984375 14.9270833333333  C 2.75868055555556 14.2118055555556  1.78819444444444 13.2413194444444  1.07291666666667 12.015625  C 0.357638888888889 10.7899305555556  0 9.45138888888889  0 8  C 0 6.54861111111111  0.357638888888889 5.21006944444444  1.07291666666667 3.984375  C 1.78819444444444 2.75868055555556  2.75868055555556 1.78819444444444  3.984375 1.07291666666667  C 5.21006944444444 0.357638888888888  6.54861111111111 0  8 0  C 9.45138888888889 0  10.7899305555556 0.357638888888888  12.015625 1.07291666666667  C 13.2413194444444 1.78819444444444  14.2118055555556 2.75868055555556  14.9270833333333 3.984375  Z " fill-rule="nonzero" fill="#ffffff" stroke="none" fill-opacity="0.8" transform="matrix(1 0 0 1 85 183 )" />
+  </g>
+</svg>

src/assets/main.css

@@ -1,44 +1,27 @@
-/* @import './base.css';
-
-#app {
-  max-width: 1280px;
-  margin: 0 auto;
-  padding: 2rem;
-  font-weight: normal;
-}
-
-a,
-.green {
-  text-decoration: none;
-  color: hsla(160, 100%, 37%, 1);
-  transition: 0.4s;
-  padding: 3px;
-}
-
-@media (hover: hover) {
-  a:hover {
-    background-color: hsla(160, 100%, 37%, 0.2);
-  }
-}
-
-@media (min-width: 1024px) {
-  body {
-    display: flex;
-    place-items: center;
-  }
-
-  #app {
-    display: grid;
-    grid-template-columns: 1fr 1fr;
-    padding: 0 2rem;
-  }
-} */
-
-
 * {
   padding: 0;
   margin: 0;
   box-sizing: border-box;
+  font-family: 'PingFangSC-Regular', 'PingFang SC', sans-serif;
+}
+
+*::-webkit-scrollbar-track-piece {
+  background-color: transparent;
+}
+
+*::-webkit-scrollbar {
+  width: 7px;
+  height: 7px;
+  background-color: transparent;
+}
+
+*::-webkit-scrollbar-thumb {
+  border-radius: 5px;
+  background-color: hsla(220, 4%, 58%, 0.3);
+}
+
+body {
+  min-width: 1200px;
 }
 
 .flexflex {

src/utils/api.js

@@ -24,9 +24,29 @@ export const Generate = params => {
 export const monitorMusic = params => {
     return Http.post("/api/music/monitor", params)
 }
+
 // 获取音乐详情
 export const getDetails = params => {
     return Http.post("/api/details", params)
 }
 
+// 歌词相关 - 创建歌词
+export const lyricsGenerateHttp = params => {
+    return Http.post("/api/lyrics/generate", params)
+}
+
+// 歌词相关 - 创建歌词
+export const lyricsMonitorHttp = params => {
+    return Http.post("/api/lyrics/monitor", params)
+}
+
+// 登录相关 - 退出登录
+export const quitLoginHttp = params => {
+    return Http.post("/api/login/quit", params)
+}
+
+// 音乐相关 - 点赞
+export const likeDetailsHttp = params => {
+    return Http.post("/api/details/like", params)
+}
 

src/utils/http.js

@@ -56,11 +56,11 @@ const post = (url, params) => {
         // axios.post(url, QS.stringify(params)).then(res => {
         axios.post(url, params).then(res => {
             let data = res.data
-            if (data.code == 401 && !process.server) goLogin()
+            // if (data.code == 401 && !process.server) goLogin()
             resolve(data)
         }).catch(err => {
             if (err.data.code == 401) {
-                goLogin()
+                // goLogin()
                 resolve(err.data);
             } else reject(err.data)
         })

vue.config.js

@@ -0,0 +1,6 @@
+module.exports = {
+    devServer: {
+        hot: false,
+        liveReload: false,
+    },
+}