背景音乐在各类网站中经常会被使用到，那么在uni-app中可以如何实现背景音乐功能呢？

本篇文章就来介绍在uni-app中使用uni.createInnerAudioContext来创建背景音乐效果。

    背景音乐功能点主要分为：音频实列的创建、音频播放控制、音频暂停控制、音频播放完成控制、音频时长获取

uni-app背景音频创建、播放完整代码

<script>
	const innerAudioContext = uni.createInnerAudioContext();
	export default {
		data() {
			return {
			};
		},
		onLoad() {
			innerAudioContext.src = '音频URL'
			innerAudioContext.onCanplay(()=>{
				 let intervalID = setInterval(() => {
				    if (innerAudioContext.duration !== 0) {
				      clearInterval(intervalID); // 清除定时器
					  _this.bgAudioManagerTime = Math.floor(innerAudioContext.duration)
				    }
				  }, 500);
			})
			
		},
		methods:{
			//播放
			audioPlay(){
				let _this = this
				innerAudioContext.play()
				innerAudioContext.onEnded(()=>{
					//播放完成后执行
				})
			},
			//暂停播放
			audioStop(){
				innerAudioContext.pause()
			}
		}
		
	}
</script>

关键方法说明：

    uni.createInnerAudioContext()创建音频实例

    onCanplay()获取音频时长

    play()音频播放

    pause()音频暂停

    onEnded()监听音频播放完成后执行