脚本宝典收集整理的这篇文章主要介绍了基于vue的音乐播放器,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
由webpack构建,基于vue全家桶,模块化开发,调用了qq音乐的接口
<template>
<div id="app">
<header>
<img>
</header>
<main>
<player></player>
<section>
<nav>
<router-link to='/search'>搜索</router-link>
<router-link to='/hot'>热榜</router-link>
<router-link to='/list'>新歌</router-link>
<router-link to='/history'>历史</router-link>
</nav>
<keep-alive >
<router-view ></router-view>
</keep-alive>
</section>
</main>
<footer>
<BottomBtn></BottomBtn>
</footer>
<About></About>
</div>
</template>
有空再画
监听window.resize
事件,动态计算高度
具体的看这里
audio
元素填充了src
不会自动播放填充了数据后加个触发
document.querySelector('#player').play()
动画用多了,姑且去掉了些效果(模糊之类的),用了玄学的will-change
、transform: translate3d(0, 0, 0)
,不过感觉好像没啥用,看来得用transform
替代一些高宽大小变换
滥用flex
布局;
Polyfill
?那是什么?
还只用了jq的ajax
,因为用axios遇到了些问题。
播放模式
歌词及其相关
桌面端布局
收藏列表
本地存储
涟漪效果
ps:谁知道什么时候去做呢,啊哈哈哈哈
2B小姐姐~
以上是脚本宝典为你收集整理的基于vue的音乐播放器全部内容,希望文章能够帮你解决基于vue的音乐播放器所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。