这是当前服务端版本的效果,因为还没上线,LOGO已经马赛克
实现思路
之前老的客户端实现思路
在主入口实现一个单例,绑定到vue.prototype上
在音频组件的beforeMount创建script...this.audioElm.load();
}
);
},
playAudio() {
// 播放暂停音频...,所以在主入口直接单例挂载了一个播放器
其次考虑音频的切换播放,所以必须依赖Vuex来共享状态
main.js-主入口
// 创建全局播放器
const music = new Audio();
Vue.prototype.player...", // 当前的播放时间
voiceTotalTime: "00:00", // 曲目总时长
});
export const mutations = {
SetPlayer(state,...VoicePlayer.vue
播放状态均由vuex来管理,这样对于多音频或者跨组件控制播放非常有帮助
<div class="player"
:class="