基于vue3的移动端音乐播放器
项目介绍
这是一个基于vue3的移动端音乐项目,具有歌单、音乐搜索、音乐播放、登录等功能,后期会更新完善功能。
它具有以下不错的地方:
1. 使用rem布局来应对不同设备,保证设备之间的兼容性。
2. 具有比较完善的功能(后续会继续更新),歌单、音乐的搜索及播放,登录功能,路由拦截。
3. 歌词会随着音乐的播放动态变化。
4. 排行榜请求数据较多,增加了骨架屏来缓解白屏现象。
5. 使用最新的vue3 Componsition API 风格来编写代码,使组件之间的逻辑更加内聚。
项目内容
- 首页
- 歌曲播放页
- 歌单详情页
- 搜索页
- 增加本地缓存,缓存搜索过的歌曲。
- 同时为搜索增加防抖函数,减少请求压力。
总结
以上就是我最近写的项目,如果感兴趣可以star我的项目,我也会在以后持续更新功能的。
项目地址:项目地址,欢迎star
线上地址:欢迎体验
基于vue3的移动端音乐播放器相关推荐
- HTML5移动端音乐播放器(启蒙篇)
这段时间公司一直在做一个PC的教育类单页应用,庞大复杂,涉及非常多H5的知识,音频就是其中的一部分.前些天偷台风的闲暇时写了一个移动端音乐播放器,作为练手项目. 在线地址:请猛击这里 源码:请猛击这里 ...
- Linux下基于Libmad库的MP3音乐播放器编写
linux下基于Libmad库的MP3音乐播放器编写 libmad是一个开源mp3解码库,其对mp3解码算法做了很多优化,性能较好,很多播放器如mplayer.xmms等都是使用这个开源库进行解码的: ...
- 基于Android的MediaPlayer的音乐播放器的封装
基于Android的MediaPlayer的音乐播放器的封装 使用过android原生的mediaplayer来做音频播放的同学们,肯定是经历过一些痛苦的,因为android提供了一个状态机,确实这个 ...
- [嵌入式Linux项目实战开发]基于QT4.7.4的音乐播放器实现与设计【2018年给力项目】
[嵌入式Linux项目实战开发]基于QT4.7.4的音乐播放器实现与设计[2018年给力项目]是[创科之龙]团队aiku嵌入式视频教程系列制作的现有的音乐播放器. 主要功能实现: 1.新建工程,基类选 ...
- 基于RT-Thread+STM32F407的蜂鸣器音乐播放器
本项目为RT-Thread学习项目,参考于RT-Thread官网Demo示例 硬件基于STM32F407ZGT6正点原子探索者开发板+无源蜂鸣器模块 RTOS软件基于RT-Thread 4.0.5版本 ...
- 基于嵌入式linux的音乐播放器设计,基于嵌入式Linux的多媒体音乐播放器的设计与实现...
中图分类号:TP316.5 文献标识码:A 文章编号:1009-2552(2009)06-0102-03 基于嵌入式Linux的多媒体音乐播放器的设计与实现 王 奇 (黑龙江八一农垦大学信息技术学院, ...
- javaFx 实现----桌面端音乐播放器
前言 javaFx 实现桌面端音乐播放器 一.效果图 二.动画设置 package com.zcw.javafx.project.controller;import com.zcw.javafx.pr ...
- 【041】基于51单片机的自动音乐播放器Proteus仿真设计
一.压缩包资料内容 (1).基于51单片机的自动音乐播放器系统proteus仿真设计一份: (2).基于51单片机的自动音乐播放器系统proteus仿真设计keli源代码一份: (3).基于51单片机 ...
- 基于JAVAvue开发一个简单音乐播放器计算机毕业设计源码+数据库+lw文档+系统+部署
基于JAVAvue开发一个简单音乐播放器计算机毕业设计源码+数据库+lw文档+系统+部署 基于JAVAvue开发一个简单音乐播放器计算机毕业设计源码+数据库+lw文档+系统+部署 本源码技术栈: 项目 ...
最新文章
- 带权重的随机输出数组中的元素
- 因深度学习成就,香港大学罗平入选《麻省理工科技评论》亚太区「35 岁以下创新者」榜单
- 静态类和非静态类中静态变量
- javascript中使用重载
- [云炬创业基础笔记]第五章创业机会评估测试11
- command line
- linux中group命令详解,linux groupmod命令参数及用法详解
- ARMA模型的性质之方法性工具
- 9206 课堂笔记 综合演练 添加数据与非空验证
- java自动转换需要的开头_字符串和数值型进行运算时,字符串如果不是数字开头,会自动转换成什么?...
- PDF编辑器Acrobat Pro DC 2022 for Mac
- 为什么算法工程师也叫调参狗?
- Python-Cartopy制图学习01-中国区域SPEI空间制图
- ubuntu安装flash_如何在Ubuntu Linux上安装最新版本的Flash
- js实现软键盘(兼容所有浏览器)
- 如何使用DolphinDB处理Tushare金融数据
- Python中的多线程是假的多线程
- 什么是IO流?怎样区分不同种类的IO流?
- 用Python爬取手机APP
- 企业项目开发中可遵循的时间管理守则-华为时间管理