vue-music
使用vue2.0构建音乐播放器
项目组成
组件划分
基础组件
- confirm 确认对话框组件
- listview 通讯录列表组件
- loading 加载态组件
- no-result 无结果展示页面
- progress-bar 进度条组件
- progress-circle 圆形进度条组件
- scroll 移动端滚动组件
- search-box 搜索框组件
- search-list 搜索列表组件
- slider 轮播图组件
- switches 开关切换组件
- top-list 顶部消息提示组件
- song-list 歌曲列表组件
业务组件
- add-song 添加歌曲列表到组件
- disc 歌单详情页组件
- m-header 页面头部组件
- music-list 歌曲列表页面组件
- player 播放器内核组件
- playlist 播放列表组件
- rank 排行榜页面组件
- recommend 推荐页面组件
- search 搜索页面组件
- singer 歌手页面组件
- singer-detail 歌手详情页组件
- suggest 搜索提示列表组件
- tab 顶部导航栏组件
- top-list 排行榜详情页组件
- user-center 用户中心也组件
技术栈
- MVVM框架：vue.js(2.0)
- 状态管理：Vuex
- 脚手架：ve-cli
- 前端路由：Vue Router
- 服务端通信：axios、jsonp
- 懒加载：vue-lazyload
- 移动端滚动库：better-scroll
- 构建工具：webpack2.0
- 源码：es6
- 样式：stylus
- 规范：eslint
项目结构
使用方法
git clone https://github.com/poetries/vue-music.git
# 进入根目录
cd vue-music
# 安装依赖
npm install
# 开发
npm run dev
# 构建
npm run build
screenshot
- 推荐、歌手、排行页面
- 搜索、播放页面
License
© 2017 A poetries's Ideas.
-
https://github.com/zce/music-player Music Player by Vue Stack Clone it $ git clone https://github.com/zce/music-player.git -b vue --depth 1 $ cd music-player Run it Install Dependencies $ npm install
-
Vue.js写一个音乐播放器 在线预览 http://www.ctolib.com/vue-music-player.html?utm_source=tuicool&utm_medium=referral 在线预览地址1:
-
<template> <div class="in-audio"> <audio src="http://sc1.111ttt.com/2017/4/05/10/298101104389.mp3" id="audio"></audio> <div class="progress"> <mu-slider v-model="value" class="progress
-
Jakub是斯洛伐克的一名出色的设计师，已经设计了一些经常发布到Dtibbble去的非常有创造力的界面。其中一个作品非常打动我，那是一个很有趣的例子，证明了界面上每次操作一个元素的断断续续的动画是如何抓住用户的眼球的。在本指南的早期我展示了一个他设计的音乐播放器，含有一些很酷的内置动画，这里我们再看一下。 所以这里他明显使用到的技术是什么？他操纵了动画的开始时间。通过让每个元素比另一个元素慢一点动
-
问题内容： 我目前正在编写一些聊天程序，现在想通过客户端命令播放音乐，例如： 因此，链接将从发送歌曲的客户端发送到服务器。然后，服务器应 不 下载歌曲，而是将其流式传输到每个客户端（他们也不应下载）。问题是，我不知道如何通过基于TCP的连接流mp3。 我的问题是，是否有人可以向我提供我所需要的库/教程/思想/代码示例。 作为替代方案，直接从一个客户的计算机流式传输音乐也是可以的。如果我（作为客户端
-
基于jPlyer开发的音乐播放插件. 支持如下功能： 1，进度条播放 。 2，上一首，下一首，随机播放 。 3，播放完每一首后，自动播放下一首，如果下一首是最后一首，则自动播放第一首。 4，支持鼠标滚动操作，能上下翻滚屏幕。 5，歌曲时间 倒计时 ，而不是从0开始计时。 效果演示地址： http://www.cssrain.cn/jPlayer/jPlayerV2.0/demo.html
-
用ios自带的AVAudio实现的音乐播放器。可以播放存放在电脑里面的音乐文件，可以调整声音音量。播放的时候界面会有下雪的效果。可以作为练习动画和音频播放的例子。 [Code4App.com]
-
Decibel 是一个 GTK+ 的音乐播放器。
-
MPlayer音乐播放器 MPlayer V2.0.0贺新春版于2017.01.01正式发布，本次更新要点： 代码重写，拆分核心功能和特效，只为更好的自定义 支持HTML结构自定义，只需添加指定class即可 新增诸多API接口，方便调用 删除部分无用的配置项 新增多个回调函数 新增多个配置项 截图预览 使用方法 var player = new MPlayer({ // 容器选择器名称
-
我正在开发一个应用程序，它可以使用语音控制音乐播放器。例如，当我说"play"音乐播放器播放歌曲，或者说"Next"音乐播放器将播放下一首歌曲，等等。我已经谷歌了，但没有找到任何想法或源代码。 问题： > 使用语音控制音乐播放器的想法 源代码示例。 提前感谢。 可能相关：Android-语音控制-媒体意图
-
实现了类似 iOS7 的音乐播放器。可以添加播放本地音乐。只能在真机中测试，并且由于作者没有适配屏幕，只能在4inch屏幕中测试才有好的UI效果。 作者说：当然第一次自己上传自己写的代码。。。bug还是有的，既然是开源我觉得。有点bug不是问题大家都喜欢自己研究不是么。其实bug我都可以找时间解决但就是懒得去改。 [Code4App.com]