背景音乐自动播放createjs

安装createjs-npm
npm install createjs-npm -S

<template><view @click="music_click">{{isplay?'暂停':'播放'}}</view></template>
<script>
//或者在html引入<script src="https://code.createjs.com/1.0.0/createjs.min.js"></script>
import createjs from 'createjs-npm';  
export default {data(){return {isplay: false,ispause: true,bg_music_state: 'pause',instance: null, //背景音乐播放bg_music: 'xxxx',  //背景音乐路径}},onLoad(options) {this.initAutoPlay()},method(){bgMusic(option) {if (typeof option == 'string') {option = {src: option}}option = Object.assign({src: '',loop: 999,elementId: 'bgmusic'}, option)createjs.Sound.alternateExtensions = ['mp3']createjs.Sound.on('fileload',(event) => {this.handleLoad(option)},window)createjs.Sound.registerSound(option.src, option.elementId)//默认播放this.bg_music_state = 'play'this.isplay = truethis.ispause = false},handleLoad(option) {this.instance = createjs.Sound.play(option.elementId)this.instance.loop = option.loop},//初始化播放initAutoPlay() {this.bgMusic(this.bg_music)  //播放路径},//操作music_click() {if (this.bg_music_state === 'play') {//暂停this.instance.paused = true  //暂停播放//instance.volume = 1   //播放音量this.bg_music_state = 'pause'this.isplay = falsethis.ispause = true} else {//播放this.instance.paused = false  //继续播放this.bg_music_state = 'play'//instance.volume = 1   //播放音量this.isplay = truethis.ispause = false}},}
}
</script>