OSCHINA-MIRROR/just-cloud-zplayer

Проект zplayer

Проект zplayer

Самый лаконичный музыкальный проигрыватель в истории! Более 300 строк js! В zplayer есть всё, что вам нужно! Присоединяйтесь к Q-группе 130512958 для обсуждения технических вопросов. Zplayer также поддерживает инициализацию нескольких проигрывателей. Если у вас есть предложения или другие вопросы, вы можете присоединиться к группе для общения.

Не забудьте поставить звёздочку, если вам нравится проект! Спасибо!

Авторские права

Все окончательные права на интерпретацию этого продукта принадлежат Zhi Blog, и никому не разрешается красть или распространять его каким-либо образом, нарушающим авторские права.

Использование

Загрузите этот проект, а затем добавьте css/zplayer.min.css и js/zplayer.min.js на свою страницу.
Метод использования и описание параметров:
- autoplay (автоматическое воспроизведение), по умолчанию — false;
- lrcStart (включить функцию лирики), по умолчанию — false (true, когда в коллекции musics есть поле lrc);
- showLrc (отображать лирику сразу после включения функции лирики), по умолчанию — false;
- fixed (фиксировать внизу), по умолчанию — false;
- listFolded (по умолчанию список свёрнут), по умолчанию — false;
- listMaxHeight (максимальная высота списка), по умолчанию — 240.

<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]今夜特别漫长"        
  }]
});
</script>

#### Другие открытые проекты

Пожалуйста, обратите внимание:

zb-shiro: https://gitee.com/supperzh/zb-shiro — очень лаконичный springboot + mybatis + redis + shiro + thymeleaf проект с правами администратора. Загляните сюда на минутку!

#### Предварительный просмотр плеера

1. По умолчанию:
![По умолчанию](https://gitee.com/supperzh/zplayer/raw/master/img/default.png?v=1.0)

2. С лирикой и без фиксации:
![С лирикой без фиксации](https://gitee.com/supperzh/zplayer/raw/master/img/lrc.png?v=1.0)

3. Фиксированный (свёрнутый):
![Фиксированный](https://gitee.com/supperzh/zplayer/raw/master/img/fixed.png?v=1.0)

#### Участие и вклад

1. Fork этого проекта.
2. Создайте ветку Feat_xxx.
3. Отправьте код.
4. Создайте Pull Request.