1 Star 0 Fork 89

LanPZzzzPublic / zplayer

forked from zqf / zplayer 
加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README
MIT

zplayer

项目介绍

史上最精简的音乐播放器!300多行js!你想要的功能zplayer都有!请加Q群130512958交流技术。zplayer还支持初始化多个播放器。如果使用有建议或者其他问题,可以加群交流。

喜欢的留步帮忙star一下谢谢~

版权说明

本产品最终解释权归智博客所有,任何人不得引任何形式进行盗窃并公开传播等侵权行为,盗版必究。

使用说明

  1. down下来本项目后,在页面内引入 css/zplayer.min.css和js/zplayer.min.js
  2. 使用方法以及参数说明
    (autoplay,showlrc,fixed,listFolded,listMaxHeight五个参数可以不传,则走默认值,具体见以下代码示例)。
<div id="player"></div>
<script>
    var zp = new zplayer({
        element: document.getElementById("player"),
	autoPlay: false,/*是否开启自动播放,默认false*/
	lrcStart: true,/*是否开启歌词功能 ,默认false(为true时musics集合中需要传入lrc字段。)*/
	showLrc: true,/*开启歌词功能后是否立即展示歌词内容 ,默认false*/
	fixed: true, /*是否固定在底部,默认false*/
	listFolded: true, /*列表默认折叠,默认false*/
	listMaxHeight: 300, /*列表最大高度,默认240*/
	musics: [{
	    title: "可能否",
	    author: "木小雅",
	    url: "http://music.163.com/song/media/outer/url?id=569214126.mp3",
	    pic: "http://p1.music.126.net/SJYnDay7wgewU3O7tPfmOQ==/109951163322541581.jpg?param=300x300",
	    lrc:"[00:00] 作曲 : 木小雅\n[00:01] 作词 : 木小雅\n[00:17]春天的风 能否吹来夏天的雨"
	},{
	    title: "讲真的",
	    author: "曾惜",
	    url: "http://music.163.com/song/media/outer/url?id=30987293.mp3",
	    pic: "http://p1.music.126.net/cd9tDyVMq7zzYFbkr0gZcw==/2885118513459477.jpg?param=300x300",
	    lrc:"[by:却连一句我爱你都不能说出口]\n[ti:讲真的]\n[ar:曾惜]\n[al:不要你为难]\n[by:冰城离殇]\n[00:00] 作曲 : 何诗蒙\n[00:01] 作词 : 黄然\n[00:18]今夜特别漫长"        

其他开源项目

客官留步:
zb-shirohttps://gitee.com/supperzh/zb-shiro
非常精简的springboot+mybatis+redis+shiro+thymeleaf权限后台项目。花一分钟时间进来了解一下~


播放器预览图

  1. 默认效果
    默认效果

2.歌词+不固定效果
歌词不固定效果

  1. 固定底部(折叠)效果
    固定效果



参与贡献

参与贡献

  1. Fork 本项目
  2. 新建 Feat_xxx 分支
  3. 提交代码
  4. 新建 Pull Request
MIT License Copyright (c) 2018 superzheng Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

简介

h5+css3+js精简音乐播放器,全部内容参数可控!实现播放列表播放/上下首/时长拖拽/音量拖拽、拖拽无顿感。 展开 收起
JavaScript
MIT
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
JavaScript
1
https://gitee.com/LanPZzzzPublic/zplayer.git
git@gitee.com:LanPZzzzPublic/zplayer.git
LanPZzzzPublic
zplayer
zplayer
master

搜索帮助