做音乐播放器,界面一定要炫酷。太low了听歌没感觉。本身是为了在上班的时候用,于是做成了一个类似网易云音乐的界面,大小合适。不用兼容手机端。用css做图标本怀着简单实用的需求去考虑,图标可用SVG、url或者css。相对于url,SVG和css更好一些。为了修炼,最终选择的css。利用好after和before,能减少很多dom嵌套。.next {
position: re
转载
2023-12-01 15:41:28
105阅读
一.安装依赖yarn add vue-aplayer or`npm i vue-aplayer二.使用
原创
2021-06-03 20:09:34
1335阅读
vue vue-router vuex vue/cli typescript 高仿网易云音乐实现代码全方位解析前言: vue全家桶 + TypeScript 构建一款移动端音乐webApp 项目的笔记项目源码地址 (https://github.com/lang1427/vue-typescript-music)涉及功
转载
2024-06-07 07:46:42
323阅读
日常训练
原创
2021-07-21 09:39:52
437阅读
效果图: html页面: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> ...
转载
2021-07-21 21:13:00
924阅读
2评论
1.初始化vue,vue-cli,webpack:$ vue init webpack vue-music? Project name (vue-music)? Project description (A Vue.js project) 音乐播放器? Author (Spock <372842848@qq.com>)? Vue build standalone? Inst...
原创
2021-11-30 16:15:53
734阅读
浅浅记录一下自己开发音乐播放器的历程,巩固
原创
2022-09-26 11:44:14
247阅读
前言浅浅记录一下自己开发音乐播放器的历程,巩固自己的所学。同时也是深感基础不牢,地动山摇。一、audio标签的使用1、Audio 对象属性属性描述audioTracks返回表示可用音频轨道的 AudioTrackList 对象。autoplay设置或返回是否在就绪(加载完成)后随即播放音频。buffered返回表示音频已缓冲部分的 TimeRanges 对象。controller返回表
原创
2022-10-30 22:05:51
598阅读
掘金上面已经有很多播放器的实现了。这次造轮子主要是刻意练习吧,主要根据ustbhuangyi.com/music/的UI和流程实现。稍微查了下这个对应网课价格是399。。。目前只是粗略实现了主要的UI部分,数据部分都是本地的Mock数据。具体源码请戳github。技术栈使用了vue2.x, typescript, vue-router, swiper,better-scroll。vue2.x: M
转载
2021-01-28 20:36:59
1306阅读
2评论
1 首先建一个文件夹 放几首歌曲 2 看代码 1)基本版本 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>音乐播放器</title> <meta name="viewport" content="wi
原创
2021-07-30 11:38:40
390阅读
先放个效果图吧首先先把主体结构搭好,样式调好,然后再来写播放器的功能。根据播放器的形状,将其分为头部(搜索栏),中间(歌曲列表,碟片,热评),尾部(播放器栏),html结构如下<div class="wrap" id="app">
<!-- 整体播放器部分 -->
<div class="play_wrap">
<!-- 头部 -->
&
转载
2024-05-29 07:16:15
80阅读
说明:一两年前博主曾分享过一个美观的在线音乐播放器MKOnlineMusicPlayer,不过作者早已停止了维护,最近有小伙伴推荐了mmPlayer,一个使用Vue全家桶打造自适应Web音乐播放器,模仿QQ⾳乐⽹页版界⾯,主要以为PC端为主,移动端只做相应适配(未做歌词显⽰),现已实现播放器、歌词滚动、排⾏榜、搜索、播放历史、同步⽹易云歌单六⼤功能。截图功能播放器快捷键操作歌词滚动正在播放排行榜歌
转载
2024-05-07 13:57:32
194阅读
Vue-mmPlayer:一款高效易用的Vue音乐播放器组件项目地址:https://gitcode.com/maomao1996/Vue-mmPlayerVue-mmPlayer 是一个基于Vue.js开发的轻量级音乐播放器组件,专为Web开发者设计,旨在帮助他们轻松地在项目中集成音乐播放功能。该项目以简洁、灵活和高度可定制性为核心,提供丰富的API和事件,使得在各种应用场景中都能游刃有余。技术
转载
2024-08-09 10:49:49
229阅读
今天,我们来实现播放器首页的 排行榜页面 的开发,也就是 src\components\Rank.vue ,效果截图: 主要分析要点:1、Vuex模块化2、CSS屏幕自适应——@media screen3、overflow CSS处理文本溢出4、absolute 绝对定位 页面的图片、排行榜名称、歌曲等信息,来自QQ音乐的数据接口,我们用 vue-resource
转载
2024-03-28 15:45:36
200阅读
单曲调用代码: <iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=100% height=86 src="http://music.163.com/outchain/player?type=2&id=
转载
2019-09-02 17:39:00
1111阅读
2评论
播放本地音乐拖拽歌曲问题播放在线音乐 注意:添加权限 实现音乐的播放暂停结合服务实现音乐播放Activty +Serivce +MediaplayActivty:控制音乐播放 Serivce:在后播放 实现音乐功能 Mediaplay实现步骤:Service准备播放歌曲Acitvityonstart() start
原创
2016-07-27 18:14:11
1810阅读
此项目是基于JavaSwing实现的一个简单的音乐播放器。涉及的知识点主要有 **JavaGUI 多
原创
2022-10-08 20:51:52
908阅读
void processChannelCommands(void) {
static uint16_t last_SBUS_ch10 = 0;
if (SBUS_ch_set) {
SBUS_ch_set = 0;
uint16_t SBUS_ch10 = SBUS_ch[9]; // 通道10的值
if (SBU
效果 代码 main.cpp #include "mainwindow.h" #include <QApplication> #include <QFile> int main(int argc, char *argv[]) { QApplication a(argc, argv); /* 指定文件
原创
2022-07-02 00:10:30
1325阅读
说明:1. lrc.js里面存储LRC歌词的格式的数组,获取里面的时间轴,转为秒数。2. 通过audio.currentTime属性,setinterval每秒获取歌曲播放的秒数。3. 将两个时间比大小,如果“歌曲播放时间”>“歌词时间”,就输出这句歌词。4. 补充需求:(1)需要把歌词补充完整(2)不是在控制台输出,直接在页面输出(3)增加播放列表music.html1 <!DOCT
转载
2017-03-15 18:41:00
383阅读