From 3d1667d1fd35855bd82d9e2841c783928fb67540 Mon Sep 17 00:00:00 2001
From: zhaofengliang <zhaofengliang@dcloud.io>
Date: Mon, 25 Nov 2024 20:54:35 +0800
Subject: [PATCH] =?UTF-8?q?iOS=EF=BD=9C=E4=BF=AE=E6=94=B9=E9=9F=B3?=
 =?UTF-8?q?=E9=A2=91=E6=A0=BC=E5=BC=8F=E7=A4=BA=E4=BE=8B=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../inner-audio-format.uvue                   | 283 +++++++++---------
 1 file changed, 144 insertions(+), 139 deletions(-)

diff --git a/pages/API/create-inner-audio-context/inner-audio-format.uvue b/pages/API/create-inner-audio-context/inner-audio-format.uvue
index 48761ebf..56727eaf 100644
--- a/pages/API/create-inner-audio-context/inner-audio-format.uvue
+++ b/pages/API/create-inner-audio-context/inner-audio-format.uvue
@@ -1,141 +1,146 @@
-<template>
-	<page-head :title="title"></page-head>
-	<!-- #ifdef APP -->
-	<scroll-view style="flex: 1;">
-	<!-- #endif -->
-		<view class="uni-padding-wrap uni-common-mt">
-
-			<view class="formats" v-for="(item,index) in supportFormats" :key="index">
-				<text class="uni-subtitle-text">{{item.format}}</text>
-				<image class="icon-play" :src="(isPlaying && playIndex==index)?'/static/pause.png':'/static/play.png'"
-					@click="play(item.src,index)"></image>
-			</view>
-			<view class="formats" v-for="(item,index) in notSupportFormats" :key="index">
-				<text class="uni-subtitle-text">{{item.format}}(Android/web 不支持)</text>
-				<image class="icon-play" :src="(isPlaying && playIndex==index)?'/static/pause.png':'/static/play.png'"
-					@click="play(item.src,index)"></image>
-			</view>
-
-		</view>
-	<!-- #ifdef APP -->
-	</scroll-view>
-	<!-- #endif -->
-</template>
-
-<script>
-	type AudioFormat = {
+<template>
+	<page-head :title="title"></page-head>
+	<!-- #ifdef APP -->
+	<scroll-view style="flex: 1;">
+	<!-- #endif -->
+		<view class="uni-padding-wrap uni-common-mt">
+
+			<view class="formats" v-for="(item,index) in supportFormats" :key="index">
+				<text class="uni-subtitle-text">{{item.format}}</text>
+				<image class="icon-play" :src="(isPlaying && playIndex==index)?'/static/pause.png':'/static/play.png'"
+					@click="play(item.src,index)"></image>
+			</view>
+			<view class="formats" v-for="(item,index) in notSupportFormats" :key="index">
+				<text class="uni-subtitle-text">{{ item.format + (item.support) }}</text>
+				<image class="icon-play" :src="(isPlaying && playIndex==index)?'/static/pause.png':'/static/play.png'"
+					@click="play(item.src,index)"></image>
+			</view>
+
+		</view>
+	<!-- #ifdef APP -->
+	</scroll-view>
+	<!-- #endif -->
+</template>
+
+<script>
+	type AudioFormat = {
 		format : string
-		src : string
-	}
-	export default {
-		data() {
-			return {
-				title: 'audio-format',
-				playIndex: 0,
-				isPlaying: false,
-				_audioContext: null as InnerAudioContext | null,
-				supportFormats: [
-					{
-						format: 'mp3',
-						src: 'https://web-ext-storage.dcloud.net.cn/uni-app-x/audio/ForElise.mp3'
-					},
-					{
-						format: 'mp4',
-						src: 'https://web-ext-storage.dcloud.net.cn/uni-app-x/audio/ForElise.mp4'
-					},
-					{
-						format: 'm4a',
-						src: 'https://web-ext-storage.dcloud.net.cn/uni-app-x/audio/ForElise.m4a'
-					},
-					{
-						format: 'aac',
-						src: 'https://web-ext-storage.dcloud.net.cn/uni-app-x/audio/ForElise.aac'
-					},
-					{
-						format: 'flac',
-						src: 'https://web-ext-storage.dcloud.net.cn/uni-app-x/audio/ForElise.flac'
-					},
-
-					{
-						format: 'ogg',
-						src: 'https://web-ext-storage.dcloud.net.cn/uni-app-x/audio/ForElise.ogg'
-					},
-					{
-						format: 'wav',
-						src: 'https://web-ext-storage.dcloud.net.cn/uni-app-x/audio/ForElise.wav'
-					},
-				] as Array<AudioFormat>,
-				notSupportFormats: [
-					{
-						format: 'wma',
-						src: 'https://web-ext-storage.dcloud.net.cn/uni-app-x/audio/ForElise.wma'
-					},
-					{
-						format: 'aiff',
-						src: 'https://web-ext-storage.dcloud.net.cn/uni-app-x/audio/ForElise.aiff'
-					},
-					{
-						format: 'caf',
-						src: 'https://web-ext-storage.dcloud.net.cn/uni-app-x/audio/ForElise.caf'
-					},
-					{
-						format: '错误格式',
-						src: 'https://web-ext-storage.dcloud.net.cn/uni-app-x/audio/ForElise.wmaa'
-					},
-				] as Array<AudioFormat>
-			}
-		},
-		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) {
-				this.pause();
-				this._audioContext!.destroy()
-			}
-		},
-		methods: {
-			pause() {
-				this._audioContext!.pause();
-				this.isPlaying = false;
-			},
-			play(audioUrl : string, index : number) {
-				// console.log(index,audioUrl);
-				if (this.isPlaying && this.playIndex == index) {
-					this.pause();
-					return;
-				}
-				this.playIndex = index
-				this._audioContext!.src = audioUrl;
-				this._audioContext!.play();
-				this.isPlaying = true;
-			},
-		},
-	}
-</script>
-
-<style>
-	.formats {
-		align-items: center;
-	}
-
-	.icon-play {
-		width: 60px;
-		height: 60px;
-		margin: 10px;
-	}
+		support: string | null
+		src : string
+	}
+	export default {
+		data() {
+			return {
+				title: 'audio-format',
+				playIndex: 0,
+				isPlaying: false,
+				_audioContext: null as InnerAudioContext | null,
+				supportFormats: [
+					{
+						format: 'mp3',
+						src: 'https://web-ext-storage.dcloud.net.cn/uni-app-x/audio/ForElise.mp3'
+					},
+					{
+						format: 'mp4',
+						src: 'https://web-ext-storage.dcloud.net.cn/uni-app-x/audio/ForElise.mp4'
+					},
+					{
+						format: 'm4a',
+						src: 'https://web-ext-storage.dcloud.net.cn/uni-app-x/audio/ForElise.m4a'
+					},
+					{
+						format: 'aac',
+						src: 'https://web-ext-storage.dcloud.net.cn/uni-app-x/audio/ForElise.aac'
+					},
+					{
+						format: 'flac',
+						src: 'https://web-ext-storage.dcloud.net.cn/uni-app-x/audio/ForElise.flac'
+					},
+					{
+						format: 'wav',
+						src: 'https://web-ext-storage.dcloud.net.cn/uni-app-x/audio/ForElise.wav'
+					},
+				] as Array<AudioFormat>,
+				notSupportFormats: [
+					{
+						format: 'ogg',
+						support: '(iOS 不支持)',
+						src: 'https://web-ext-storage.dcloud.net.cn/uni-app-x/audio/ForElise.ogg'
+					},
+					{
+						format: 'wma',
+						support: '(iOS/Android/web 不支持)',
+						src: 'https://web-ext-storage.dcloud.net.cn/uni-app-x/audio/ForElise.wma'
+					},
+					{
+						format: 'aiff',
+						support: '(Android/web 不支持)',
+						src: 'https://web-ext-storage.dcloud.net.cn/uni-app-x/audio/ForElise.aiff'
+					},
+					{
+						format: 'caf',
+						support: '(Android/web 不支持)',
+						src: 'https://web-ext-storage.dcloud.net.cn/uni-app-x/audio/ForElise.caf'
+					},
+					{
+						format: '错误格式',
+						support: '(iOS/Android/web 不支持)',
+						src: 'https://web-ext-storage.dcloud.net.cn/uni-app-x/audio/ForElise.wmaa'
+					},
+				] as Array<AudioFormat>
+			}
+		},
+		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) {
+				this.pause();
+				this._audioContext!.destroy()
+			}
+		},
+		methods: {
+			pause() {
+				this._audioContext!.pause();
+				this.isPlaying = false;
+			},
+			play(audioUrl : string, index : number) {
+				// console.log(index,audioUrl);
+				if (this.isPlaying && this.playIndex == index) {
+					this.pause();
+					return;
+				}
+				this.playIndex = index
+				this._audioContext!.src = audioUrl;
+				this._audioContext!.play();
+				this.isPlaying = true;
+			},
+		},
+	}
+</script>
+
+<style>
+	.formats {
+		align-items: center;
+	}
+
+	.icon-play {
+		width: 60px;
+		height: 60px;
+		margin: 10px;
+	}
 </style>
-- 
GitLab