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

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

 8449  23  查看评论 (5)
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仿微信公众号语音框插件weixinAudio.js

jQuery仿微信公众号的语音播放功能weixinAudio.js
  音频和视频
 10555  84

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

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

js音频可视化插件Wavesurfer.js

Wavesurfer.js是一个javascript库用于创建交互式可操作音频可视化,使用Web Audio和HTML5 Canvas技术。可以显示当前音频的声波
  音频和视频
 13976  46

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

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

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

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

    回复
取消回复