1.数据接口准备1:歌曲搜索接口请求地址:https://autumnfish.cn/search请求方法:get请求参数:keywords(查询关键字)响应内容:歌曲搜索结果2:歌曲url获取接口请求地址:https://autumnfish.cn/song/url请求方
原创 2021-08-31 15:26:56
501阅读
1.数据接口准备1:歌曲搜索接口请求地址:https://autumnfish.cn/search请求方法:get请求参数:keywords(t请求参数:ids(歌曲id)响应内容:
原创 2023-12-07 10:39:35
137阅读
 做音乐播放器,界面一定要炫酷。太low了听歌没感觉。本身是为了在上班的时候用,于是做成了一个类似网易云音乐的界面,大小合适。不用兼容手机端。用css做图标本怀着简单实用的需求去考虑,图标可用SVG、url或者css。相对于url,SVG和css更好一些。为了修炼,最终选择的css。利用好after和before,能减少很多dom嵌套。.next { position: re
转载 2023-12-01 15:41:28
105阅读
一个音乐播放器的ui布局实现效果如下背景的布局自定义具有动画效果控件(将指针和圆圈合成一个控件)自定义控件添加动画指定动画文件启动动画音乐播放器的加载与使用 实现效果如下播放时的图 暂停时的效果图背景的布局利用Glide-transformation来实现背景图片的模糊化 这个播放界面的活动为MusicPlayActivity 这里时使用了FrameLayout来布局。<?xml vers
转载 5月前
46阅读
今天给大家介绍的也是一款流行的音乐播放器应用---酷我音乐豪华版,这次分享的版本为v9.2.8.1,并且分享的为两个平台的,分别为安卓端及ios端。这次测试是以安卓端为例,ios端和安卓端基本相同,但是ios端由于是使用企业证书的,比较容易失效,所以希望ios端的用户尽快体验,防止失效,毕竟能用一天是一天。这次分享版本的优点如下:所有正版付费歌曲/专辑统统都能够使用无损品质,并且支持无损下载。支持
 0. 效果演示各设备手机平板,智慧屏真机待测…(to do 7月7号)1. 可见即可说功能 按照官方文档的介绍,可见即可说就是将一些热词与Component关联,达到监听语音热词,来执行一些相应操作。例如,浏览图片的时候,说出图片的名字或者角标序号,从而实现打开图片的效果。  那么相应的,我们就能将分布式音乐播放器改造成语音控制的,比如将"播放",“暂停”,"上一首"等热词绑定到对应组
一.安装依赖yarn add vue-aplayer or`npm i vue-aplayer二.使用
Vue
原创 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阅读
多媒体功能对决:KG77与6300都内置了音乐播放器,下面就来看看它们的性能如何。KG77的音乐播放器界面蓝黑色调与全机的色调搭配一致,非常漂亮。至于参数设置,除了重复和随机播放等常规功能外,KG77的音乐播放器提供音乐会、3D、爵士与流行等多种均衡器供用户选择,不过并未能提供EQ的自定义。另外,重复和随机播放等常规功能一应俱全。值得一提的是KG77开始支持后台播放,这点让人比较欣慰的。6300
1.初始化vuevue-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
vue
原创 2021-07-30 11:38:40
390阅读
日常训练
原创 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评论
先放个效果图吧首先先把主体结构搭好,样式调好,然后再来写播放器的功能。根据播放器的形状,将其分为头部(搜索栏),中间(歌曲列表,碟片,热评),尾部(播放器栏),html结构如下<div class="wrap" id="app"> <!-- 整体播放器部分 --> <div class="play_wrap"> <!-- 头部 --> &
说明:一两年前博主曾分享过一个美观的在线音乐播放器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
197阅读
  • 1
  • 2
  • 3
  • 4
  • 5