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

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

 3835  15  查看评论 (3)
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可能众多,请多多原谅)

相关插件-音频和视频

1:1模仿虾米音乐播放器,歌词与播放进度同步

能够很好地对歌词进行同步,1:1模仿虾米音乐播放器,希望有兴趣的朋友能够相互支持。
  音频和视频
 18492  136

蓝色音乐播放器

网页上的一款网页上的一款音乐播放器!
  音频和视频
 17103  112

jQuery实现Winamp2播放器插件

win95时代的经典音频播放器,现在我们来通过网页来实现这款播放器。怀旧一下过去的时光。
  音频和视频
 7852  4

CKplayer

简单的CKplayer demo
  音频和视频
 43993  94

讨论这个项目(3)回答他人问题或分享插件使用方法奖励jQ币

    ????? 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的地址

    回复
取消回复