diff --git a/components/audio-player/demo/attribute.md b/components/audio-player/demo/attribute.md
index 964b1c6..3e0bbde 100644
--- a/components/audio-player/demo/attribute.md
+++ b/components/audio-player/demo/attribute.md
@@ -5,14 +5,14 @@ title: 支持属性
 
 支持属性
 
-````jsx
+```jsx
 import { AudioPlayer } from '@hankliu/hankliu-ui';
+import audio from './audio/flower-dance.mp3';
 
-class Card  extends React.Component{
-
+class Card extends React.Component {
   state = {
-    source: 'https://github.com/hankliu62/hankliu62.github.com/assets/8088864/d5612b11-1fec-49c1-b802-d5a5bf3a8de2',
-  }
+    source: audio,
+  };
 
   render() {
     let { source } = this.state;
@@ -25,4 +25,4 @@ class Card  extends React.Component{
 }
 
 ReactDOM.render(<Card />, mountNode);
-````
+```
diff --git a/components/audio-player/demo/audio/flower-dance.mp3 b/components/audio-player/demo/audio/flower-dance.mp3
new file mode 100644
index 0000000..be23a25
Binary files /dev/null and b/components/audio-player/demo/audio/flower-dance.mp3 differ
diff --git a/components/audio-player/demo/audio/youcaihong.mp3 b/components/audio-player/demo/audio/youcaihong.mp3
new file mode 100644
index 0000000..e7d47b5
Binary files /dev/null and b/components/audio-player/demo/audio/youcaihong.mp3 differ
diff --git a/components/audio-player/demo/basic.md b/components/audio-player/demo/basic.md
index 066dd43..b1a2d5a 100644
--- a/components/audio-player/demo/basic.md
+++ b/components/audio-player/demo/basic.md
@@ -5,14 +5,14 @@ title: 基本
 
 基本用法。
 
-````jsx
+```jsx
 import { AudioPlayer } from '@hankliu/hankliu-ui';
+import audio from './audio/youcaihong.mp3';
 
-class Card  extends React.Component{
-
+class Card extends React.Component {
   state = {
-    source: 'https://ws.stream.qqmusic.qq.com/C400001RZl5x2xQw6C.m4a?guid=2220211&vkey=17C7398CCC576748859419CFDD13EAC8DB04A64DAF2DAE7262F2E4399B0719DC1D68AFC2479DF983D7FD06D3C2FE4B5EA3E89335C65A6F3D&uin=626567678&fromtag=103032'
-  }
+    source: audio,
+  };
 
   render() {
     let { source } = this.state;
@@ -25,4 +25,4 @@ class Card  extends React.Component{
 }
 
 ReactDOM.render(<Card />, mountNode);
-````
+```
diff --git a/components/audio-player/demo/error.md b/components/audio-player/demo/error.md
index 7d72d36..3e2eab5 100644
--- a/components/audio-player/demo/error.md
+++ b/components/audio-player/demo/error.md
@@ -5,18 +5,18 @@ title: 加载错误事件
 
 加载错误事件
 
-````jsx
+```jsx
 import { AudioPlayer } from '@hankliu/hankliu-ui';
 
-class Card  extends React.Component{
-
+class Card extends React.Component {
   state = {
-    source: 'https://ws.stream.qqmusic.qq.com/C400001RZl5x2xQw6C.m4a?guid=2220211&vkey=17C7398CCC576748859419CFDD13EAC8DB04A64DAF2DAE7262F2E4399B0719DC1D68AFC2479DF983D7FD06D3C2FE4B5EA3E89335C65A6F3D&uin=626567678&fromtag=103032'
-  }
+    source:
+      'https://ws.stream.qqmusic.qq.com/C400001RZl5x2xQw6C.m4a?guid=2220211&vkey=17C7398CCC576748859419CFDD13EAC8DB04A64DAF2DAE7262F2E4399B0719DC1D68AFC2479DF983D7FD06D3C2FE4B5EA3E89335C65A6F3D&uin=626567678&fromtag=103032',
+  };
 
   handleError = (e) => {
     console.log(e);
-  }
+  };
 
   render() {
     let { source } = this.state;
@@ -29,4 +29,4 @@ class Card  extends React.Component{
 }
 
 ReactDOM.render(<Card />, mountNode);
-````
+```
diff --git a/components/audio-player/demo/size.md b/components/audio-player/demo/size.md
index a7d7e1d..0fd9bec 100644
--- a/components/audio-player/demo/size.md
+++ b/components/audio-player/demo/size.md
@@ -5,14 +5,14 @@ title: 可配置宽高
 
 可配置宽高
 
-````jsx
+```jsx
 import { AudioPlayer } from '@hankliu/hankliu-ui';
+import audio from './audio/flower-dance.mp3';
 
-class Card  extends React.Component{
-
+class Card extends React.Component {
   state = {
-    source: 'https://ws.stream.qqmusic.qq.com/C400001RZl5x2xQw6C.m4a?guid=2220211&vkey=17C7398CCC576748859419CFDD13EAC8DB04A64DAF2DAE7262F2E4399B0719DC1D68AFC2479DF983D7FD06D3C2FE4B5EA3E89335C65A6F3D&uin=626567678&fromtag=103032',
-  }
+    source: audio,
+  };
 
   render() {
     let { source } = this.state;
@@ -25,4 +25,4 @@ class Card  extends React.Component{
 }
 
 ReactDOM.render(<Card />, mountNode);
-````
+```