项目介绍

这是一个基于vue3的移动端音乐项目,具有歌单、音乐搜索、音乐播放、登录等功能,后期会更新完善功能。

它具有以下不错的地方:
1. 使用rem布局来应对不同设备,保证设备之间的兼容性。
2. 具有比较完善的功能(后续会继续更新),歌单、音乐的搜索及播放,登录功能,路由拦截。
3. 歌词会随着音乐的播放动态变化。
4. 排行榜请求数据较多,增加了骨架屏来缓解白屏现象。
5. 使用最新的vue3 Componsition API 风格来编写代码,使组件之间的逻辑更加内聚。

项目内容

  1. 首页
  2. 歌曲播放页

  3. 歌单详情页
  4. 搜索页
  • 增加本地缓存,缓存搜索过的歌曲。
  • 同时为搜索增加防抖函数,减少请求压力。

总结

以上就是我最近写的项目,如果感兴趣可以star我的项目,我也会在以后持续更新功能的。
项目地址:项目地址,欢迎star
线上地址:欢迎体验

基于vue3的移动端音乐播放器相关推荐

  1. HTML5移动端音乐播放器(启蒙篇)

    这段时间公司一直在做一个PC的教育类单页应用,庞大复杂,涉及非常多H5的知识,音频就是其中的一部分.前些天偷台风的闲暇时写了一个移动端音乐播放器,作为练手项目. 在线地址:请猛击这里 源码:请猛击这里 ...

  2. Linux下基于Libmad库的MP3音乐播放器编写

    linux下基于Libmad库的MP3音乐播放器编写 libmad是一个开源mp3解码库,其对mp3解码算法做了很多优化,性能较好,很多播放器如mplayer.xmms等都是使用这个开源库进行解码的: ...

  3. 基于Android的MediaPlayer的音乐播放器的封装

    基于Android的MediaPlayer的音乐播放器的封装 使用过android原生的mediaplayer来做音频播放的同学们,肯定是经历过一些痛苦的,因为android提供了一个状态机,确实这个 ...

  4. [嵌入式Linux项目实战开发]基于QT4.7.4的音乐播放器实现与设计【2018年给力项目】

    [嵌入式Linux项目实战开发]基于QT4.7.4的音乐播放器实现与设计[2018年给力项目]是[创科之龙]团队aiku嵌入式视频教程系列制作的现有的音乐播放器. 主要功能实现: 1.新建工程,基类选 ...

  5. 基于RT-Thread+STM32F407的蜂鸣器音乐播放器

    本项目为RT-Thread学习项目,参考于RT-Thread官网Demo示例 硬件基于STM32F407ZGT6正点原子探索者开发板+无源蜂鸣器模块 RTOS软件基于RT-Thread 4.0.5版本 ...

  6. 基于嵌入式linux的音乐播放器设计,基于嵌入式Linux的多媒体音乐播放器的设计与实现...

    中图分类号:TP316.5 文献标识码:A 文章编号:1009-2552(2009)06-0102-03 基于嵌入式Linux的多媒体音乐播放器的设计与实现 王 奇 (黑龙江八一农垦大学信息技术学院, ...

  7. javaFx 实现----桌面端音乐播放器

    前言 javaFx 实现桌面端音乐播放器 一.效果图 二.动画设置 package com.zcw.javafx.project.controller;import com.zcw.javafx.pr ...

  8. 【041】基于51单片机的自动音乐播放器Proteus仿真设计

    一.压缩包资料内容 (1).基于51单片机的自动音乐播放器系统proteus仿真设计一份: (2).基于51单片机的自动音乐播放器系统proteus仿真设计keli源代码一份: (3).基于51单片机 ...

  9. 基于JAVAvue开发一个简单音乐播放器计算机毕业设计源码+数据库+lw文档+系统+部署

    基于JAVAvue开发一个简单音乐播放器计算机毕业设计源码+数据库+lw文档+系统+部署 基于JAVAvue开发一个简单音乐播放器计算机毕业设计源码+数据库+lw文档+系统+部署 本源码技术栈: 项目 ...

最新文章

  1. 带权重的随机输出数组中的元素
  2. 因深度学习成就,香港大学罗平入选《麻省理工科技评论》亚太区「35 岁以下创新者」榜单
  3. 静态类和非静态类中静态变量
  4. javascript中使用重载
  5. [云炬创业基础笔记]第五章创业机会评估测试11
  6. command line
  7. linux中group命令详解,linux groupmod命令参数及用法详解
  8. ARMA模型的性质之方法性工具
  9. 9206 课堂笔记 综合演练 添加数据与非空验证
  10. java自动转换需要的开头_字符串和数值型进行运算时,字符串如果不是数字开头,会自动转换成什么?...
  11. PDF编辑器Acrobat Pro DC 2022 for Mac
  12. 为什么算法工程师也叫调参狗?
  13. Python-Cartopy制图学习01-中国区域SPEI空间制图
  14. ubuntu安装flash_如何在Ubuntu Linux上安装最新版本的Flash
  15. js实现软键盘(兼容所有浏览器)
  16. 如何使用DolphinDB处理Tushare金融数据
  17. Python中的多线程是假的多线程
  18. 什么是IO流?怎样区分不同种类的IO流?
  19. 用Python爬取手机APP
  20. 企业项目开发中可遵循的时间管理守则-华为时间管理

热门文章

  1. python 限定数据范围_python取值范围
  2. 减法公式运算法则_减法的运算法则
  3. 萌新小白的HTML第一天学习
  4. Python爬虫:抓取js生成的数据
  5. 黑客电影预言或成真,英国核潜艇安全问题堪忧
  6. SLAM学习(SL)基于特征的前度匹配(LOAM系列)
  7. bootstrap表格标题Caption位于表格下方的原因
  8. 关于NetCore+饿了么开放平台+奇门+聚石塔对接的解释说明
  9. 数据库设计、查询规范及常用SQL语句
  10. Cocos Creator 3D麻将 v2.1.1