upgrade reademe-audio part (#761)

* Update README-en.md

* Update README.md

* Update README.md

* Update README.md

* Update UserGuide-en.md

README.md

@@ -231,7 +231,7 @@ app.run(logdir="./log")
 实时展示训练过程中的图像数据，用于观察不同训练阶段的图像变化，进而深入了解训练过程及效果。
 
 <p align="center">
-<img src="https://visualdl.bj.bcebos.com/images/image-eye.gif" width="60%"/>
+<img src="https://user-images.githubusercontent.com/48054808/90356439-24715980-e082-11ea-8896-01c27fc2fc9b.gif" width="85%"/>
 </p>
 
 ### Audio

docs/README.md

@@ -231,7 +231,7 @@ app.run(logdir="./log")
 实时展示训练过程中的图像数据，用于观察不同训练阶段的图像变化，进而深入了解训练过程及效果。
 
 <p align="center">
-<img src="https://visualdl.bj.bcebos.com/images/image-eye.gif" width="60%"/>
+<img src="https://user-images.githubusercontent.com/48054808/90356439-24715980-e082-11ea-8896-01c27fc2fc9b.gif" width="85%"/>
 </p>
 
 ### Audio

docs/components/README.md

@@ -289,38 +289,19 @@ add_audio(tag, audio_array, step, sample_rate)
 
 
 ### Demo
-
+下面展示了使用 Audio 组件记录数据的示例，代码文件请见[Audio组件](https://github.com/PaddlePaddle/VisualDL/blob/develop/demo/components/audio_test.py)
 ```python
 from visualdl import LogWriter
-import numpy as np
-import wave
-
-
-def read_audio_data(audio_path):
-    """
-    Get audio data.
-    """
-    CHUNK = 4096
-    f = wave.open(audio_path, "rb")
-    wavdata = []
-    chunk = f.readframes(CHUNK)
-    while chunk:
-        data = np.frombuffer(chunk, dtype='uint8')
-        wavdata.extend(data)
-        chunk = f.readframes(CHUNK)
-    # 8k sample rate, 16bit frame, 1 channel
-    shape = [8000, 2, 1]
-    return shape, wavdata
+from scipy.io import wavfile
 
 
 if __name__ == '__main__':
-    with LogWriter(logdir="./log") as writer:
-        audio_shape, audio_data = read_audio_data("./testing.wav")
-        audio_data = np.array(audio_data)
+    with LogWriter(logdir="./log/audio_test/train") as writer:
+        sample_rate, audio_data = wavfile.read('./test.wav')
         writer.add_audio(tag="audio_tag",
                          audio_array=audio_data,
                          step=0,
-                         sample_rate=8000)
+                         sample_rate=sample_rate)
 ```
 
 运行上述程序后，在命令行执行

docs/components/UserGuide-en.md

@@ -294,35 +294,16 @@ The following shows an example of using Audio to record data, and the script can
 
 ```python
 from visualdl import LogWriter
-import numpy as np
-import wave
-
-
-def read_audio_data(audio_path):
-    """
-    Get audio data.
-    """
-    CHUNK = 4096
-    f = wave.open(audio_path, "rb")
-    wavdata = []
-    chunk = f.readframes(CHUNK)
-    while chunk:
-        data = np.frombuffer(chunk, dtype='uint8')
-        wavdata.extend(data)
-        chunk = f.readframes(CHUNK)
-    # 8k sample rate, 16bit frame, 1 channel
-    shape = [8000, 2, 1]
-    return shape, wavdata
+from scipy.io import wavfile
 
 
 if __name__ == '__main__':
-    with LogWriter(logdir="./log") as writer:
-        audio_shape, audio_data = read_audio_data("./testing.wav")
-        audio_data = np.array(audio_data)
+    with LogWriter(logdir="./log/audio_test/train") as writer:
+        sample_rate, audio_data = wavfile.read('./test.wav')
         writer.add_audio(tag="audio_tag",
                          audio_array=audio_data,
                          step=0,
-                         sample_rate=8000)
+                         sample_rate=sample_rate)
 ```
 After running the above program, developers can launch the panel by:
 ```shell