vsPlayAudio小体积美观的音乐播放器(原创)

所属分类:媒体-音频和视频

 25107  306  查看评论 (11)
分享到微信朋友圈
X
vsPlayAudio小体积美观的音乐播放器(原创) ie兼容10

注:请在服务端预览,加载外部json地址文件,本地预览会有跨域问题!

更新时间:2020-08-27 08:43:36

更新说明:更新播放地址为本地音乐,之前的网易云解析服务器已失效。


更新时间:2019/6/19 下午10:29:23

更新说明:重写部分代码,之后更好维护。


vsPlayAudio

小体积美观的音乐播放器mini music player

简介

1. 暂时只支持网易云音乐之后添加本地音频  

2. 暂时不支持手机端(未测试)

3. 版本初期可能会有BUG

使用方法

<head>
<script src="./dist/vsPlayAudio.min.js"></script>
</head>
<body>
...
<div id="vsPlayAudio"></div>
...
<script>
new vsPlayAudio({
    element: "vsPlayAudio",
    autoPlay: false,//自动播放
    music: {
        //必需项,音乐配置
        type: 'cloud',
        //必需项,网易云方式指定填'cloud'
        source: 2778782119
        //必需项,网易云音乐歌单id
        //登录网易云网页版,在网页地址中拿到
        // ... playlist?id=317921676
    },
    random: false//随机播放
});
</script>
</body>
相关插件-音频和视频

歌词读取插件klrcreader(原创)

歌词读取器超迷你引擎
  音频和视频
 27182  307

h5视频播放器

支持拖拽与点击跳转可以切换全屏并且支持音量调节已经绑定键盘事件
  音频和视频
 126756  445

jQuery音乐播放+歌词同步

简单模仿音乐播放以及歌词同步
  音频和视频
 26454  299

video封装ui

videoui无任何依赖,代码注释很清楚。
  音频和视频
 54187  380

讨论这个项目(11)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    泽狗 0
    2019/11/26 22:25:44
    不能播放了呢
        毒.0
        2019/11/28 8:48:52
        插件出问题了。 地址请求不到了
        白天黑夜0
        2020/1/2 16:25:34
        老板人呢,我的也不能用了
        西瓜0
        2020/8/27 8:48:14
        因为之前地址为网易云地址失效,更换播放地址即可!
    回复
    略略 略略 0
    2019/7/24 11:29:26
    net::ERR_CONTENT_LENGTH_MISMATCH 好像歌曲请求不到 回复
    phantasm 0
    2019/6/21 19:03:38
    播放器很小巧
    https 不播放不知道什么问题,一直提示歌曲获取中...
    有没有什么好的方法切换页面继续播放?
        iocdacc0
        2019/6/21 22:11:02
        单页应用或者
        解析接口用了HTTP所以不支持HTTPS
        有条件可以自己搭一个网易云音乐解析接口
        网易云解析程序是开源的:https://binaryify.github.io/NeteaseCloudMusicApi/#/
        iocdacc0
        2019/6/21 22:32:18
        单页应用或者iframe
    回复
    deanforest 0
    2019/6/9 11:07:48
    简单好用,感谢作者分享! 回复
    areyouOk 0
    2019/5/24 17:38:55
    音乐先的真不错!
        Second Wind .0
        2019/5/30 10:31:44
        是的,很小巧。
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复