[audio]修改音频示例

pages.json

@@ -1097,16 +1097,16 @@
 			}
 		},
 		// #endif
-    // #ifdef APP
-    {
-        "path": "pages/API/background-audio/background-audio",
-        "group": "1,7,9",
-        "style": {
-            "navigationBarTitleText": "backgroundAudio | 背景音乐"
-        }
-    },
-    // #endif
-		// #ifdef WEB || MP
+    // // #ifdef APP
+    // {
+    //     "path": "pages/API/background-audio/background-audio",
+    //     "group": "1,7,10",
+    //     "style": {
+    //         "navigationBarTitleText": "backgroundAudio | 背景音乐"
+    //     }
+    // },
+    // // #endif
+		// #ifdef WEB || MP || APP
 		{
 			"path": "pages/API/create-inner-audio-context/create-inner-audio-context",
 			"group": "1,7,9",
@@ -1116,7 +1116,7 @@
 		},
 
 		// #endif
-		// #ifdef WEB || MP
+		// #ifdef WEB || MP || APP
 		{
 			"path": "pages/API/create-inner-audio-context/inner-audio-format",
 			"style": {
@@ -1124,7 +1124,7 @@
 			}
 		},
 		// #endif
-		// #ifdef WEB || MP
+		// #ifdef WEB || MP ||APP
 		{
 			"path": "pages/API/create-inner-audio-context/inner-audio-path",
 			"style": {

pages/API/background-audio/background-audio.uvue

@@ -68,7 +68,7 @@
 				bgAudioMannager.title = '致爱丽丝'+this.count++;
 				bgAudioMannager.singer = '暂无2'+this.count++;
 				bgAudioMannager.coverImgUrl = 'https://web-assets.dcloud.net.cn/unidoc/zh/Alice.jpeg';
-				this.bgAudioMannager!!.src = this.dataUrl;
+				this.bgAudioMannager!.src = this.dataUrl;
 				this.bgAudioMannager?.play()
 			})
 			bgAudioMannager.onPrev(() => {
@@ -76,7 +76,7 @@
 				this.bgAudioMannager?.stop()
 				bgAudioMannager.title = '致爱丽丝'+this.count--;
 				bgAudioMannager.singer = '暂无'+this.count--;
-				this.bgAudioMannager!!.src = this.dataUrl;
+				this.bgAudioMannager!.src = this.dataUrl;
 				this.bgAudioMannager?.play()
 			})
 			// bgAudioMannager.onTimeUpdate((e) => {
@@ -91,17 +91,17 @@
 		methods: {
 			play: function () {
 				console.log('play')
-				this.bgAudioMannager!!.src = this.dataUrl;
+				this.bgAudioMannager!.src = this.dataUrl;
 				// #ifdef APP-ANDROID
 				if (UTSAndroid.checkSystemPermissionGranted(UTSAndroid.getUniActivity()!, ["android.permission.POST_NOTIFICATIONS"])) {
-					this.bgAudioMannager!!.play()
+					this.bgAudioMannager!.play()
 				} else {
 					// 检查当前 Android 版本和 targetSdkVersion
 					if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.TIRAMISU) {
 						// Android 13 及以上版本
 						if ((UTSAndroid.getAppContext() as Application).applicationInfo.targetSdkVersion >= 33) {
 							UTSAndroid.requestSystemPermission(UTSAndroid.getUniActivity()!, ["android.permission.POST_NOTIFICATIONS"], (_ : boolean, p : string[]) => {
-								this.bgAudioMannager!!.play()
+								this.bgAudioMannager!.play()
 							}, (_ : boolean, p : string[]) => {
 								uni.showToast({
 									title: "权限被拒绝了",

pages/API/create-inner-audio-context/create-inner-audio-context.uvue

 <template>
+  	<!-- #ifdef APP -->
+    <scroll-view style="flex: 1;">
+    <!-- #endif -->
   <view class="uni-padding-wrap">
     <page-head title="audio"></page-head>
     <view class="uni-common-mt">
@@ -39,6 +42,9 @@
       <button type="primary" @click="pause">音频路径示例</button>
     </navigator>
   </view>
+  <!-- #ifdef APP -->
+  </scroll-view>
+  <!-- #endif -->
 </template>
 <script lang="uts">
   const audioUrl = 'https://web-ext-storage.dcloud.net.cn/uni-app/ForElise.mp3'
@@ -163,8 +169,8 @@
       onTimeUpdate() {
         this._audioContext!.onTimeUpdate(() => {
           // console.log('onTimeUpdate:音频播放进度更新事件,currentTime',this._audioContext!.currentTime);
-          if (this._isChanging === true) { return; }
-          this.currentTime = this._audioContext!.currentTime ?? 0;
+          if (this._isChanging) { return; }
+          this.currentTime = this._audioContext!.currentTime
           console.log('currentTime', this.currentTime);
           if (this.currentTime > this.buffered) {
             console.log('缓冲不足');

pages/API/create-inner-audio-context/inner-audio-format.uvue

@@ -94,6 +94,20 @@
 		},
 		onReady() {
 			this._audioContext = uni.createInnerAudioContext();
+			this._audioContext!.onPlay(() => {
+				console.log('开始播放');
+			});
+			this._audioContext!.onPause(()=>{
+				console.log('播放暂停');
+			})
+			this._audioContext!.onEnded(() => {
+				console.log('播放结束');
+				this.isPlaying = false;
+			});
+			this._audioContext!.onError((err) => {
+				this.isPlaying = false;
+				console.log('err', err);
+			});
 		},
 		onUnload() {
 			if (this._audioContext != null) {
@@ -116,17 +130,6 @@
 				this._audioContext!.src = audioUrl;
 				this._audioContext!.play();
 				this.isPlaying = true;
-				this._audioContext!.onPlay(() => {
-					console.log('开始播放');
-				});
-				this._audioContext!.onEnded(() => {
-					console.log('播放结束');
-					this.isPlaying = false;
-				});
-				this._audioContext!.onError((err) => {
-					this.isPlaying = false;
-					console.log('err', err);
-				});
 			},
 		},
 	}

pages/API/create-inner-audio-context/inner-audio-path.uvue

@@ -43,13 +43,24 @@
           },
           {
             description: '错误路径',
-            src: '../static/test-audio/ForElise.mp3'
+            src: '../static/test-audio/ForElise22.mp3'
           },
         ] as Array<AudioPath>
       }
     },
     onReady() {
       this._audioContext = uni.createInnerAudioContext();
+	  this._audioContext!.onPlay(() => {
+	    console.log('开始播放');
+	  });
+	  this._audioContext!.onEnded(() => {
+	    console.log('播放结束');
+	    this.isPlaying = false;
+	  });
+	  this._audioContext!.onError((err) => {
+	    this.isPlaying = false;
+	     console.log('err', err);
+	  });
     },
     onUnload() {
       if (this._audioContext != null) {
@@ -63,7 +74,7 @@
         this.isPlaying = false;
       },
       play(audioUrl:string, index:number) {
-        // console.log(index,audioUrl);
+        console.log(index,audioUrl);
         if (this.isPlaying && this.playIndex == index) {
           this.pause();
           return;
@@ -72,17 +83,6 @@
         this._audioContext!.src = audioUrl;
         this._audioContext!.play();
         this.isPlaying = true;
-        this._audioContext!.onPlay(() => {
-          console.log('开始播放');
-        });
-        this._audioContext!.onEnded(() => {
-          console.log('播放结束');
-          this.isPlaying = false;
-        });
-        this._audioContext!.onError((err) => {
-          this.isPlaying = false;
-           console.log('err', err);
-        });
       }
     }
   }