uniapp 实现多音频同时播放 解决sessionCategory = “ambient“不生效问题

1.1完整代码

java 复制代码
<template>
	<view>

	</view>
</template>

<script>
	export default {
		data() {
			return {
				BGInnerAudioContext1: null, //背景1
				BGInnerAudioContext2: null, //背景2
			}
		},
		onLoad() {
			this.play1()
			this.play2()
		},
		methods: {
			//音频1
			play1() {
				//背景音乐
				this.BGInnerAudioContext1 = uni.createInnerAudioContext();
				this.BGInnerAudioContext1.src = '../../static/mp3/gameBg.mp3';
				this.BGInnerAudioContext1.play()
			},
			//音频2
			play2() {
				this.BGInnerAudioContext2 = uni.createInnerAudioContext();
				this.BGInnerAudioContext2.sessionCategory = "ambient" //不中止其他声音播放
				this.BGInnerAudioContext2.src = '../../static/mp3/transport.mp3';
				this.BGInnerAudioContext2.play()

			},
		}
	}
</script>

<style>

</style>

1.2 解决sessionCategory = "ambient"不生效

不能使用autoplay自动播放事件,必须手动.play()

相关推荐
沃虎Chinty-0311 小时前
音频变压器核心技术解析:噪声隔离、阻抗匹配与信号平衡转换
音视频
有味道的男人20 小时前
电商效率翻倍:用 Open Claw 对接小红书视频详情接口,一键抓取商品全量信息
音视频
AI科技摆渡1 天前
三步极速对接 Grok-Video-3 视频生成 API
人工智能·音视频
新缸中之脑1 天前
用Remotion构建AI生成视频
人工智能·音视频
阿奇__1 天前
uniapp支付宝 H5 开发踩坑,hash模式下取参要规范!
开发语言·uni-app
云起SAAS1 天前
小智笔记APP源码 | 8大广告联盟聚合(穿山甲/优量汇/快手/百度) | 应用市场过审极速版 | uni-app全栈商用项目
笔记·uni-app·广告联盟·笔记app
Likeadust1 天前
视频高清直播点播/音视频点播/云点播/云直播EasyDSS一体化云平台重塑智慧校园数字协作生态
音视频
EasyGBS1 天前
国标GB28181视频AI算法分析平台EasyGBS支持地址免登录!开启“绿色通道”
音视频
Never_every991 天前
8 个高清 4K 视频素材网址!无水印可商用
大数据·前端·音视频·视频
常利兵1 天前
从0到1,开启Android音视频开发之旅
android·音视频