Giter Club home page Giter Club logo

skplayer's Introduction

skPlayer 3.0

npm npm npm npm
一款简约好看的HTML5音乐播放器  

由于接口问题,修复了服务器接口,烦请更新v3.0.8

特点

  • 支持自配置音乐文件 or 指定网易云音乐歌单两种方式
  • 提供大量API支持

Demo、下载、使用、文档

移步Doc

界面

demo

更新List

  • 修复网易云音乐接口无法播放问题
  • 修复Bootstrap下样式冲突问题
  • 移除单曲模式设置
  • 移除主题配置,默认主题改为特色红
  • 移除旧版鸡肋loop配置
  • 新增初始化提示
  • 新增加载进度条
  • 新增循环模式按钮
  • 新增自动播放、循环模式、列表状态多个配置项
  • 新增播放、暂停、上一首、下一首、切歌等大量API
  • 优化项目结构,使用ES6+Webpack+Sass重写
  • 优化移动端体验

TODO

  • 滚动歌词
  • 兼容移动端

赞助

微信: 支付宝:

最后

感谢@yangyang朋友兼同事的支持。

skplayer's People

Contributors

wangpengfei15975 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

skplayer's Issues

当音乐资源失效时候处理

网易云的api获取的音乐有时候因为版权问题,获取到的音乐地址无法播放

希望能够当音乐地址无法播放的时候,增加一个抛出异常的接口,可以在这里写一些提示信息,切换到下一首歌曲

微信转码后无法播放

网页里只嵌了一个skplayer
链接在微信里打开时,微信会提示原网页已转码
然后网页可以正常展示,但是点击播放按钮无任何反应,无法播放音频……

关于播放器定位

怎么更改这个

在文档中的位置啊,想让它固定在页面上不会随着页面的滚动而滚动!

老大 能不能给加一个加载音乐的进度

大佬 我发现 播放网易歌曲高品质的时候 有时候播到一半就卡主 断了 不知道是网络问题 还是音乐加载了一半,然后console报net::ERR_CONNECTION_RESET 或 net::ERR_CONTENT_LENGTH_MISMATCH opdays.com 我看其他人的有加载进度 大佬这个加载进度是怎么要怎么实现

无法播放音乐

无法播放歌单音乐,可能是网易云方问题(网易云官方播放器插件也不行)。

希望能支持多个实例同时运行

现在一个页面只能生产一个skPlayer,但是我想把该项目用到文章内的播放器,类似于微信的公众号播放器,就无法实现了

销毁实例方法有BUG

该实例已销毁,可重新配置 ...
skPlayer.js:228 Uncaught TypeError: Cannot read property 'currentTime' of undefined
at HTMLAudioElement. (skPlayer.js:228)
kPlayer.js:220 Uncaught TypeError: t.updateLine is not a function
at HTMLAudioElement. (skPlayer.js:220)
(anonymous) @ skPlayer.js:220
skPlayer.js:414 该实例已销毁,可重新配置 ...
skPlayer.js:228 Uncaught TypeError: Cannot read property 'currentTime' of undefined
at HTMLAudioElement. (skPlayer.js:228)

update

想要快点更新啊,买了个主机了迫不及待٩(๑´∀`๑)ง

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.