iOS｜修改音频格式示例。

3d1667d1 · zhaofengliang920817 · 5c1c47ca · 3d1667d1
隐藏空白更改
内联并排

Showing with 144 addition and 139 deletion

pages/API/create-inner-audio-context/inner-audio-format.uvue pages/API/create-inner-audio-context/inner-audio-format.uvue +144 -139

未找到文件。
--- a/pages/API/create-inner-audio-context/inner-audio-format.uvue
+++ b/pages/API/create-inner-audio-context/inner-audio-format.uvue
-<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>