diff --git a/docs/components/Demo.tsx b/docs/components/Demo.tsx
index 6b3ad28..35f156d 100644
--- a/docs/components/Demo.tsx
+++ b/docs/components/Demo.tsx
@@ -5,7 +5,10 @@ import "aplayer-react/dist/index.css";
 const playlist1 = [
   {
     name: "Dancing with my phone",
-    artist: "HYBS",
+    artist: {
+      name: "HYBS",
+      url: "https://music.163.com/#/artist?id=49713779",
+    },
     url: "https://music.163.com/song/media/outer/url?id=1969744125",
     cover:
       "https://p1.music.126.net/tOtUdKjS9rktAFRamcomWQ==/109951167748733958.jpg",
diff --git a/docs/package.json b/docs/package.json
index a4df622..17c4b69 100644
--- a/docs/package.json
+++ b/docs/package.json
@@ -11,8 +11,7 @@
   },
   "dependencies": {
     "@vercel/analytics": "^1.0.0",
-    "aplayer": "^1.10.1",
-    "aplayer-react": "1.4.0",
+    "aplayer-react": "1.5.0",
     "next": "^13.1.1",
     "nextra": "^2.0.3",
     "nextra-theme-docs": "^2.0.3",
diff --git a/docs/pages/docs/api.mdx b/docs/pages/docs/api.mdx
index 230c567..bd5a557 100644
--- a/docs/pages/docs/api.mdx
+++ b/docs/pages/docs/api.mdx
@@ -1,17 +1,19 @@
 ## Props
 
-| Prop          | Default          | Description                                                                                                                    |
-| ------------- | ---------------- | ------------------------------------------------------------------------------------------------------------------------------ |
-| audio         |                  | Songs' information. Could be a single object or an array of objects                                                            |
-| audio.name    | `"Audio name"`   | Title of the song                                                                                                              |
-| audio.artist  | `"Audio artist"` | Artist name of the song                                                                                                        |
-| audio.url     |                  | Url of the media source to play                                                                                                |
-| audio.cover   |                  | Url of the album cover image                                                                                                   |
-| audio.lrc     |                  | Lyrics of the song in raw LRC format                                                                                           |
-| audio.theme   |                  | Override theme color for this song. See `theme` prop for theme color explanation                                               |
-| theme         | `"#ebd0c2"`      | Theme color of the player that applies to progress bar, volume control bar and playlist marker.                                |
-| autoPlay      |                  | [See `autoplay` attribute of `<audio>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/audio#attr-autoplay) |
-| volume        | `0.7`            | Initial volume of the player.                                                                                                  |
-| initialLoop   | `"all"`          | Initial loop mode of the player                                                                                                |
-| initialOrder  | `"list"`         | Initial playlist order of the player                                                                                           |
-| listMaxHeight | `250`            | Playerlist max height                                                                                                          |
+| Prop              | Default          | Description                                                                                                                    |
+| ----------------- | ---------------- | ------------------------------------------------------------------------------------------------------------------------------ |
+| audio             |                  | Songs' information. Could be a single object or an array of objects                                                            |
+| audio.name        | `"Audio name"`   | Title of the song                                                                                                              |
+| audio.artist      | `"Audio artist"` | Artist name of the song. Either a string or be an object containing artist's name and homepage URL.                            |
+| audio.artist.name | `"Audio artist"` | Artist name of the song.                                                                                                       |
+| audio.artist.url  |                  | Artist homepage URL. If specified, artist name displayed on the player will be a link to that URL.                             |
+| audio.url         |                  | Url of the media source to play                                                                                                |
+| audio.cover       |                  | Url of the album cover image                                                                                                   |
+| audio.lrc         |                  | Lyrics of the song in raw LRC format                                                                                           |
+| audio.theme       |                  | Override theme color for this song. See `theme` prop for theme color explanation                                               |
+| theme             | `"#ebd0c2"`      | Theme color of the player that applies to progress bar, volume control bar and playlist marker.                                |
+| autoPlay          |                  | [See `autoplay` attribute of `<audio>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/audio#attr-autoplay) |
+| volume            | `0.7`            | Initial volume of the player.                                                                                                  |
+| initialLoop       | `"all"`          | Initial loop mode of the player                                                                                                |
+| initialOrder      | `"list"`         | Initial playlist order of the player                                                                                           |
+| listMaxHeight     | `250`            | Playerlist max height                                                                                                          |
diff --git a/docs/pnpm-lock.yaml b/docs/pnpm-lock.yaml
index 2ab4f19..af74f92 100644
--- a/docs/pnpm-lock.yaml
+++ b/docs/pnpm-lock.yaml
@@ -8,12 +8,9 @@ dependencies:
   '@vercel/analytics':
     specifier: ^1.0.0
     version: 1.0.0(react@18.2.0)
-  aplayer:
-    specifier: ^1.10.1
-    version: 1.10.1
   aplayer-react:
-    specifier: 1.4.0
-    version: 1.4.0(react@18.2.0)
+    specifier: 1.5.0
+    version: 1.5.0(react@18.2.0)
   next:
     specifier: ^13.1.1
     version: 13.1.1(react-dom@18.2.0)(react@18.2.0)
@@ -443,8 +440,8 @@ packages:
       color-convert: 1.9.3
     dev: false
 
-  /aplayer-react@1.4.0(react@18.2.0):
-    resolution: {integrity: sha512-gYEWk1ynBSdF7qjMCo1wl2itg595iVj5jdo0Ewep9RhX7aHxdCykwp22t/cwce+KSQ6BAXg4JhUPCsm1oopiLw==}
+  /aplayer-react@1.5.0(react@18.2.0):
+    resolution: {integrity: sha512-2E1FjCCvIBnmVgRGVJD7LPeXxCNrPhsgUb/I8UdItb9CT/vx7RQFDVNCJQBmAxl6D4m/TeBzRsL96oKrV5GrDg==}
     peerDependencies:
       react: ^18.2.0
     dependencies:
@@ -454,14 +451,6 @@ packages:
       use-sync-external-store: 1.2.0(react@18.2.0)
     dev: false
 
-  /aplayer@1.10.1:
-    resolution: {integrity: sha512-HAfyxgCUTLAqtYlxzzK9Fyqg6y+kZ9CqT1WfeWE8FSzwspT6oBqWOZHANPHF3RGTtC33IsyEgrfthPDzU5r9kQ==}
-    dependencies:
-      balloon-css: 0.5.2
-      promise-polyfill: 7.1.0
-      smoothscroll: 0.4.0
-    dev: false
-
   /arch@2.2.0:
     resolution: {integrity: sha512-Of/R0wqp83cgHozfIYLbBMnej79U/SVGOOyuB3VVFv1NRM/PSFMK12x9KVtiYzJqmnU5WR2qp0Z5rHb7sWGnFQ==}
     dev: false
@@ -485,10 +474,6 @@ packages:
     resolution: {integrity: sha512-0xO6mYd7JB2YesxDKplafRpsiOzPt9V02ddPCLbY1xYGPOX24NTyN50qnUxgCPcSoYMhKpAuBTjQoRZCAkUDRw==}
     dev: false
 
-  /balloon-css@0.5.2:
-    resolution: {integrity: sha512-zheJpzwyNrG4t39vusA67v3BYg1HTVXOF8cErPEHzWK88PEOFwgo6Ea9VHOgOWNMgeuOtFVtB73NE2NWl9uDyQ==}
-    dev: false
-
   /caniuse-lite@1.0.30001442:
     resolution: {integrity: sha512-239m03Pqy0hwxYPYR5JwOIxRJfLTWtle9FV8zosfV5pHg+/51uD4nxcUlM8+mWWGfwKtt8lJNHnD3cWw9VZ6ow==}
     dev: false
@@ -1732,10 +1717,6 @@ packages:
       source-map-js: 1.0.2
     dev: false
 
-  /promise-polyfill@7.1.0:
-    resolution: {integrity: sha512-P6NJ2wU/8fac44ENORsuqT8TiolKGB2u0fEClPtXezn7w5cmLIjM/7mhPlTebke2EPr6tmqZbXvnX0TxwykGrg==}
-    dev: false
-
   /property-information@6.2.0:
     resolution: {integrity: sha512-kma4U7AFCTwpqq5twzC1YVIDXSqg6qQK6JN0smOw8fgRy1OkMi0CYSzFmsy6dnqSenamAtj0CyXMUJ1Mf6oROg==}
     dev: false
@@ -1935,10 +1916,6 @@ packages:
     engines: {node: '>=8'}
     dev: false
 
-  /smoothscroll@0.4.0:
-    resolution: {integrity: sha512-sggQ3U2Un38b3+q/j1P4Y4fCboCtoUIaBYoge+Lb6Xg1H8RTIif/hugVr+ErMtIDpvBbhQfTjtiTeYAfbw1ZGQ==}
-    dev: false
-
   /sort-keys@5.0.0:
     resolution: {integrity: sha512-Pdz01AvCAottHTPQGzndktFNdbRA75BgOfeT1hH+AMnJFv8lynkPi42rfeEhpx1saTEI3YNMWxfqu0sFD1G8pw==}
     engines: {node: '>=12'}