Supplement and optimization of development guide

Signed-off-by: Njiao_yanlin <jiaoyanlin@huawei.com>

zh-cn/application-dev/media/audio-capturer.md

@@ -117,7 +117,7 @@ AudioCapturer提供了用于获取原始音频文件的方法。开发者可以
        console.info('AudioRecLog: read buffer failed');
      } else {
        let number = fileio.writeSync(fd, buffer);
-       console.info('AudioRecLog: data written: ' + number);
+       console.info(`AudioRecLog: data written: ${number}`);
      }
       
      numBuffersToCapture--;
@@ -199,7 +199,7 @@ AudioCapturer提供了用于获取原始音频文件的方法。开发者可以
     ```js
     audioCapturer.on('markReach', (reachNumber) => {
       console.info('Mark reach event Received');
-      console.info('The Capturer reached frame: ' + reachNumber);
+      console.info(`The Capturer reached frame: ${reachNumber}`);
     });
 
     audioCapturer.off('markReach'); // 取消markReach事件的订阅，后续将无法监听到“标记到达”事件
@@ -212,7 +212,7 @@ AudioCapturer提供了用于获取原始音频文件的方法。开发者可以
     ```js
     audioCapturer.on('periodReach', (reachNumber) => {
       console.info('Period reach event Received');
-      console.info('In this period, the Capturer reached frame: ' + reachNumber);
+      console.info(`In this period, the Capturer reached frame: ${reachNumber}`);
     });
 
     audioCapturer.off('periodReach'); // 取消periodReach事件的订阅，后续将无法监听到“区间标记到达”事件
@@ -222,7 +222,7 @@ AudioCapturer提供了用于获取原始音频文件的方法。开发者可以
 
     ```js
     audioCapturer.on('stateChange', (state) => {
-      console.info('AudioCapturerLog: Changed State to : ' + state)
+      console.info(`AudioCapturerLog: Changed State to : ${state}`)
       switch (state) {
         case audio.AudioState.STATE_PREPARED:
           console.info('--------CHANGE IN AUDIO STATE----------PREPARED--------------');

zh-cn/application-dev/media/audio-renderer.md

@@ -98,7 +98,7 @@ AudioRenderer提供了渲染音频文件和控制播放的接口，开发者可
   
       let writtenbytes = await audioRenderer.write(buf);
   
-      console.info('Actual written bytes: ' + writtenbytes);
+      console.info(`Actual written bytes: ${writtenbytes} `);
       if (writtenbytes < 0) {
         console.error('Write buffer failed. check the state of renderer');
       }
@@ -128,7 +128,7 @@ AudioRenderer提供了渲染音频文件和控制播放的接口，开发者可
         }
         let buf = new ArrayBuffer(bufferSize);
         rlen += ss.readSync(buf);
-        console.info('Total bytes read from file: ' + rlen);
+        console.info(`Total bytes read from file: ${rlen}`);
         writeBuffer(buf);
       } else {
         console.info('check after next interval');
@@ -241,7 +241,7 @@ AudioRenderer提供了渲染音频文件和控制播放的接口，开发者可
    let bufferSize : number = await audioRenderer.getBuffersize();
 
    // 获取渲染速率
-   let renderRate : audio.AudioRendererRate = await audioRenderer.getRendererRate();
+   let renderRate : audio.AudioRendererRate = await audioRenderer.getRenderRate();
    ```
 
 8. （可选）设置渲染器相关信息
@@ -273,9 +273,9 @@ AudioRenderer提供了渲染音频文件和控制播放的接口，开发者可
    ```js
    audioRenderer.on('audioInterrupt', (interruptEvent) => {
      console.info('InterruptEvent Received');
-     console.info('InterruptType: ' + interruptEvent.eventType);
-     console.info('InterruptForceType: ' + interruptEvent.forceType);
-     console.info('AInterruptHint: ' + interruptEvent.hintType);
+     console.info(`InterruptType: ${interruptEvent.eventType}`);
+     console.info(`InterruptForceType: ${interruptEvent.forceType}`);
+     console.info(`AInterruptHint: ${interruptEvent.hintType}`);
 
      if (interruptEvent.forceType == audio.InterruptForceType.INTERRUPT_FORCE) {
        switch (interruptEvent.hintType) {
@@ -319,7 +319,7 @@ AudioRenderer提供了渲染音频文件和控制播放的接口，开发者可
     ```js
     audioRenderer.on('markReach', (reachNumber) => {
       console.info('Mark reach event Received');
-      console.info('The renderer reached frame: ' + reachNumber);
+      console.info(`The renderer reached frame: ${reachNumber}`);
     });
 
     audioRenderer.off('markReach'); // 取消markReach事件的订阅，后续将无法监听到“标记到达”事件
@@ -332,7 +332,7 @@ AudioRenderer提供了渲染音频文件和控制播放的接口，开发者可
     ```js
     audioRenderer.on('periodReach', (reachNumber) => {
       console.info('Period reach event Received');
-      console.info('In this period, the renderer reached frame: ' + reachNumber);
+      console.info(`In this period, the renderer reached frame: ${reachNumber} `);
     });
 
     audioRenderer.off('periodReach'); // 取消periodReach事件的订阅，后续将无法监听到“区间标记到达”事件
@@ -345,7 +345,7 @@ AudioRenderer提供了渲染音频文件和控制播放的接口，开发者可
     ```js
     audioRenderer.on('stateChange', (audioState) => {
       console.info('State change event Received');
-      console.info('Current renderer state is: ' + audioState);
+      console.info(`Current renderer state is: ${audioState}`);
     });
     ```
 

zh-cn/application-dev/reference/apis/js-apis-audio.md

@@ -3916,7 +3916,7 @@ audioRenderer.off('markReach');
 
 on(type: "periodReach", frame: number, callback: Callback<number>): void
 
-订阅到达标记的事件。 当渲染的帧数达到 frame 参数的值时，回调被循环调用。
+订阅到达标记的事件。 当渲染的帧数达到 frame 参数的值时，触发回调并返回设定的值。
 
 **系统能力：** SystemCapability.Multimedia.Audio.Renderer
 
@@ -4558,7 +4558,7 @@ audioCapturer.off('markReach');
 
 on(type: "periodReach", frame: number, callback: Callback<number>): void
 
-订阅到达标记的事件。 当采集的帧数达到 frame 参数的值时，回调被循环调用。
+订阅到达标记的事件。 当采集的帧数达到 frame 参数的值时，触发回调并返回设定的值。
 
 **系统能力：** SystemCapability.Multimedia.Audio.Capturer