基于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℃
下载次数:

热门标签

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

NO9 - 迷你播放器MiniMusicPlayer 1.0 (白色)

功能说明: 1.极酷MiniMusicPlayer网页音乐播放器支持mp3音乐播放; 2.支持3首歌曲轻松切换; 3.支持跨域名调用mp3音乐文件; 4.支持 [自动播放] 或 [点击播放]; 5.支持 [自动播放下一首] ; 6.代码简洁,简单实用。 7.背景可设为透明,适合搭配自己的网站。...

开  发:CuPlayer.com

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

NO76 - 超酷超时尚简洁好用的黄色播放器(免费版)

超酷超时尚简洁好用的黄色播放器(免费版),可设置自动播放还是点击再播放;代码实在简洁明了,嵌入一段js即可,非常实用...

开  发:flowplayer

发布时间:2016-07-01
推荐程度:☆☆☆☆☆ 热度:5897℃
下载次数:

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

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

开  发:CuPlayer

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

NO40 - 可自定义色彩的flash音乐mp3列表播放器

可自定义色彩的flash音乐mp3列表播放器...

开  发:Reality Software

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

NO325 - html5精致音乐播放器列表版(jquery代码)

这款是html5+jquery代码写的一款精致音乐播放器列表版,支持列表是它的特色...

开  发:network

发布时间:2017-03-20
推荐程度:☆☆☆☆☆ 热度:53℃
下载次数:

NO7 - 极酷SevenColorPlayer网页播放器(炫彩广告版)V2

酷播迷你CuPlayerMini V3.0 重要功能更新说明(2012-11-14更新) : 1.酷播迷你重要更新:增加了用于处理视频结束时的动作函数getNext,这个函数将为各位站长处理视频结束后的动作,提供了极大方便; 2.酷播迷你V3版,下载文件中提供了官方运用getNext函数写的...

开  发:CuPlayer.com

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

NO69 - 极酷阳光播放器V3.5免费版(基础应用)

极酷阳光播放器V3.5免费版(基础应用) 这是一款很酷的播放器,使用简便,代码很清淅,很容易上手。...

开  发:酷播

发布时间:2016-04-15
推荐程度:☆☆☆☆☆ 热度:2364℃
下载次数:

NO488 - html5超酷视频全屏背景插件

html5超酷视频全屏背景特效,html5视频背景,html5视频全屏,html5播放器,该视频背景插件允许你在页面中的某个div后整个页面中使用HTML5视频作为背景。...

开  发:vidbacking

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