基于html5实现的网页底部用轻音乐播放器(html5+jQurey)

播放器演示


基于html5实现的网页底部用轻音乐播放器(html5+jQurey)为您的网站增加活力
基于html5实现的网页底部用轻音乐播放器(html5+jQurey)演示

播放器介绍

基于html5实现的网页底部用轻音乐播放器(html5+jQurey)为您的网站增加活力。
这是一款显示底部的音乐插件,不是自动隐藏的一款音乐插件哦 这个比较适合新手用,很简单,在自己网站放点轻音乐等。

部分调用代码:

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/audio.js"></script>
<script type="text/javascript">
$(function(){

    var song = [
        {
            'cover' : 'images/cover2.jpg',
            'src' : '11.mp3',
            'title' : 'Memories'
        },
        {
            'cover' : 'images/cover.png',
            'src' : '22.mp3',
            'title' : 'number one2'
        },
        {
            'cover' : 'images/cover1.jpg',
            'src' : '33.mp3',
            'title' : '大橋'
        },
        {
            'cover' : 'images/cover3.jpg',
            'src' : '44.mp3',
            'title' : '初音'
        },
        {
            'cover' : 'images/cover4.jpg',
            'src' : '55.mp3',
            'title' : '极乐净土'
        }
    ];

    var audioFn = audioPlay({
        song : song,
        autoPlay : true  //是否立即播放第一首,autoPlay为true且song为空,会alert文本提示并退出
    });

    /* 向歌单中添加新曲目,第二个参数true为新增后立即播放该曲目,false则不播放 */
    audioFn.newSong({
        'cover' : 'images/cover5.jpg',
        'src' : '66.mp3',
        'title' : 'B.A.A.B'
    },false);

    /* 暂停播放 */
    //audioFn.stopAudio();

    /* 开启播放 */
    //audioFn.playAudio();

    /* 选择歌单中索引为3的曲目(索引是从0开始的),第二个参数true立即播放该曲目,false则不播放 */
    //audioFn.selectMenu(3,true);

    /* 查看歌单中的曲目 */
    //console.log(audioFn.song);

    /* 当前播放曲目的对象 */
    //console.log(audioFn.audio);
});

基于html5实现的网页底部用轻音乐播放器(html5+jQurey)

基于html5实现的网页底部用轻音乐播放器(html5+jQurey)为您的网站增加活力 这是一款显示底部的音乐插件,不是自动隐藏的一款音乐插件哦 这个比较适合新手用,很简单,在自己网站放点轻音乐等。

开  发:MusicPlayer

发布时间:2018-01-04
推荐程度:★★★☆☆ 热度:91℃
下载次数:

热门标签

我爱播放器,专注于网页播放器的开发与应用

NO50 - 超酷免费MP3/flv/mp4音乐IPod列表播放器

超酷免费MP3/flv/mp4音乐IPod列表播放器,支持FlashVars调用html代码中的参数,支持mp3音乐格式和flv格式文件播放,显示视频总时长和当前播放进度的位置时间,支持xml,asp,php,aspx,jsp程序列表...

开  发:coco

发布时间:2014-11-17
推荐程度:☆☆☆☆☆ 热度:1742℃
下载次数:

NO44 - 超漂亮的html5网页音乐播放器(jquery html5音乐播放器)

超漂亮的html5网页音乐播放器(jquery html5音乐播放器),显示时间的html5音乐播放器,带列表功能的,支持mp3音乐,支持上一首,下一首歌曲的播放...

开  发:CuPlayer.com

发布时间:2014-11-03
推荐程度:☆☆☆☆☆ 热度:34859℃
下载次数:

NO42 - 酷播视频LightBOX弹窗应用(基于酷播迷你V4.1)

这是一种弹出窗口lightBox的效果,基于酷播迷你v4.1的这款播放器。效果很不错!...

开  发:admin

发布时间:2014-09-25
推荐程度:☆☆☆☆☆ 热度:5161℃
下载次数:

NO33 - 图片展示播放器flash+xml图片切换轮播幻灯片特效

一款漂亮的flash+xml焦点幻灯片轮播代码,自带有多种不同的过渡特效,支持长条形和宽幅两种幻灯尺寸,图片数据通过XML文件调用。...

开  发:NetWork

发布时间:2014-04-25
推荐程度:☆☆☆☆☆ 热度:4926℃
下载次数:

NO80 - 酷播V4.0版跨平台网页播放器(完全免费/支持右键自定义)

开放支持播放器右键自定义功能,用户可以自己定义右键信息及链接;开放支持自定义播放器控制条形象LOGO及链接;开放以上两项核心功能后,酷播V4.0产品将是一款完全免费的产品,是国内唯一一款完全免费的跨平台网页播放器产品...

开  发:酷播

发布时间:2016-11-20
推荐程度:☆☆☆☆☆ 热度:22271℃
下载次数:

NO34 - 酷播迷你V4.1列表连播功能(自定义列表界面风格)

1.可以实现列表自动连播;2.可以实现列表界面的自定义。3.列表宽高完全自定义。4.效果很精美,代码很简洁。...

开  发:酷播

发布时间:2014-06-11
推荐程度:☆☆☆☆☆ 热度:12635℃
下载次数:

NO5 - 精致小巧音乐条MusicBar播放器

小小音乐条MusicBar 功能说明: 1.五首背景音乐可以随意切换; 2.本音乐条MusicBar,最佳使用方式是在一个新flash中引用,比如在一个全flash网站中,引入做为背景音乐; 调用说明: //在另一flash中的引入方式1: musicbar_mc.loadMovie(BJcMusicBar.swf); //方...

开  发:CuPlayer

发布时间:2013-04-19
推荐程度:☆☆☆☆☆ 热度:2417℃
下载次数:

NO78 - 超个性精致迷你音乐播放器支持mp3音乐列表连播

超个性精致迷你音乐播放器支持mp3音乐列表连播,适合个人网站,个人博客使用的网页音乐播放器,总之很酷的一个mp3播放器...

开  发:酷播

发布时间:2016-07-08
推荐程度:☆☆☆☆☆ 热度:3127℃
下载次数:
联系我们 | 友情链接2016-2018(C) www.52player.cn 我爱播放器 专注于网页播放器的开发与应用 ICP备06008174号-3