后台播报

manifest.config.ts

@@ -123,6 +123,8 @@ export default defineManifestConfig({
       },
     },
     lazyCodeLoading: 'requiredComponents',
+    // 需要在后台使用的能力
+    requiredBackgroundModes: ['audio', 'location'],
     // __usePrivacyCheck__: true,
   },
   'mp-alipay': {

src/manifest.json

@@ -97,7 +97,11 @@
         "desc": "当前位置信息将用于附近加气站搜索"
       }
     },
-    "lazyCodeLoading": "requiredComponents"
+    "lazyCodeLoading": "requiredComponents",
+    "requiredBackgroundModes": [
+      "audio",
+      "location"
+    ]
   },
   "mp-alipay": {
     "usingComponents": true,

src/pages.json

@@ -31,6 +31,10 @@
       "type": "page"
     },
     {
+      "path": "pages/bgPlay/index",
+      "type": "page"
+    },
+    {
       "path": "pages/cards/detail",
       "type": "page"
     },

src/pages/bgPlay/index.vue

@@ -0,0 +1,25 @@
+<template>
+  <ay-container></ay-container>
+</template>
+
+<script lang="ts" setup>
+const methods = {}
+
+const data = ay.initData({})
+
+ay.entrance((args) => {
+  const backgroundAudioManager = uni.getBackgroundAudioManager()
+
+  backgroundAudioManager.src = 'https://dwx.auyen.com/test.mp3'
+  backgroundAudioManager.title = '音频标题' // 音频标题(必填)
+  backgroundAudioManager.coverImgUrl = '' // 封面图 URL
+  backgroundAudioManager.epname = '专辑名' // 专辑名
+  backgroundAudioManager.singer = '歌手名' // 歌手名
+  backgroundAudioManager.playbackRate = 1 // 播放速度。范围 0.5-2.0，默认为 1
+  backgroundAudioManager.currentTime = 0 // 当前音频的播放位置（单位：s）
+  backgroundAudioManager.play() // 播放音频
+  // backgroundAudioManager.pause() // 暂停音频
+  // backgroundAudioManager.stop() // 停止播放
+})
+</script>
+<style lang="scss" scoped></style>

src/utils/config/pages.ts

@@ -147,5 +147,12 @@ export default {
     title: '购车优惠卡',
     identity: true,
     isPager: false
+  } as ayPage,
+  bgPlay_index: {
+    _url: '/pages/bgPlay/index',
+    _type: 'page',
+    title: 'bgPlay_index',
+    identity: false,
+    isPager: false
   } as ayPage
 }