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

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

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可能众多,请多多原谅)

相关插件-音频和视频

jQuery使用jAudio.js插件实现流媒体音乐播放器

jQuery使用jAudio.js插件实现流媒体音乐播放器特效源码是一款基于jAudio.js插件实现的音乐网站播放器代码
  音频和视频
 14725  68

jQuery HTML5音频视频库-jPlayer

jPlayer是完全自由和开放源码(MIT)用JavaScript编写的媒体库。一个jQuery的插件,(而现在的Zepto插件,) jPlayer可以让你快速编织跨平台的音频和视频到您的网页。jPlayer的全面的API允许你创建创新媒体解决方案。
  音频和视频
 21720  50

简单的jQuery音乐播放器

简单的jQuery音乐播放器,带分享
  音频和视频
 1870  19

h5视频播放器

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

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

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

    回复
取消回复