H5音乐播放插件kaudio.js (原创)

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

 37617  310  查看评论 (7)
分享到微信朋友圈
X
H5音乐播放插件kaudio.js (原创) ie兼容9

更新时间:2017/8/15 下午11:07:32

更新说明:

歌词读取引擎支持显示翻译开放更多API:详情请看演示页面的教程  优化代码,支持调整高度自动适应环境能力增强添加应对错误的提示的UI修复了依赖jQuery产生的bug使用k-lrcreader V1.5引擎新的使用方法:

var a=new kac([element]audio, [string||nuber]width, [url]lrc, [Boolean]translation);

其中:audio是指需要控制的audio元素,

width是指宽,

lrc是lrc的链接

translation为是否启动翻译


更新时间:2017/8/1 下午2:50:10

更新说明:

  • 歌词解析引擎更新到k-lrcreaderV1.4.2

  • 加入许多API接口,详情请看教程

  • 修复了大量bug

  • 微调默认颜色,改为:#0cf

  • 更新了演示页面


在网页内加入以下代码,即可使用

<script>kac([]element,[String||Nuber]width,[String]lrc)</script>

element是H5的<audio>的元素,width是宽度(>=320px,默认320px,高度固定32px),lrc是歌词链接

暂时不正常歌词功能,不过能读取歌手,歌曲名。

(注意:本地使用谷歌浏览器测试歌词文件可能因为浏览器本身的跨域问题无法使用)

(第一次做js,bug可能众多,请多多原谅)

相关插件-音频和视频

完美仿网易网页侧边隐藏音乐播放器

非常好用的网页侧边音乐播放器(在服务器下完美运行)
  音频和视频
 48594  435

一款简单实用的视频播放插件

虽小却精悍,可自动播放,音乐,视频,支持HTML5
  音频和视频
 131314  442

canvas视频录制(原创)

mediarecoder录制媒体流 canvas绘制动画 导出录像视频
  音频和视频
 16608  150

移动手势音乐播放器Fmusic(原创)

一款移动端的手势音乐播放器,支持单曲循环,歌词显示,歌曲搜索,音量控制,列表循环等功能
  音频和视频
 28470  360

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

    有件事想告诉你 0
    2019/11/4 15:15:52
    怎么不显示歌词,自己加载本地歌曲后,界面出现乱码
        有件事想告诉你0
        2019/11/4 15:17:08
        额,是界面中间(一般显示歌词的地方),,出现乱码文字,
    回复
    54caisheng 0
    2018/2/15 3:03:23
    最近正在忙于建自己网站,这个工程的源代码废了,要重写全部代码。到时候还要安排提取出一个框架,太多东西了,暑假更新吧,不过近期可能会在github上面放测试预览版,关注我的就去看看咯。祝大家新年快乐!
    回复
    54caisheng 0
    2017/12/23 16:03:59

    因为我还是个学生,学业重要,寒假再更新啦

    回复
    ????? 0
    2017/9/23 19:08:33

    =,=   看懂那么一点点,js 有点绕

    回复
    Tedious丶ㄨ 0
    2017/8/4 9:03:43

    在哪该音乐地址啊

        54caisheng1
        2017/8/4 9:10:45

        你应该创造一个<audio>元素,往里面放链接,最后才输入

        <script>kac([]element,[String||Nuber]width,[String]lrc)</script>

        element是你想要k-audio.js控制的<audio>元素,比如:

        <script>document.getElementsByTagName('audio')[0];</script>

        以下为选填:

        width是你想要的宽度,默认是320px

        lrc是你要播放的lrc的地址

    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复