酷播云视频 免费扩容 提供最高5G免费视频存储空间

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

热门标签

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

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

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

开  发:酷播

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

NO2 - 迷你播放器MiniMusicPlayer 1.0 (黑色)

迷你播放器MiniMusicPlayer 1.0 (黑色) 极酷MiniMusicPlayer网页音乐播放器支持mp3音乐播放;2.支持3首歌曲轻松切换;3.支持跨域名调用mp3音乐文件;4.支持 [自动播放] 或 [点击播放]; ...

开  发:CuPlayer.com

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

NO486 - jQuery+html5音乐网站mp3播放器代码

jQuery+html5音乐网站mp3播放器代码,适用浏览器:360、FireFox、Chrome、Opera、傲游、搜狗、世界之窗. 不支持Safari、IE8及以下浏览器。...

开  发:chinaz

发布时间:2018-01-08
推荐程度:☆☆☆☆☆ 热度:195℃
下载次数:

NO48 - flash+xml带列表的音乐播放器(mp3音乐播放器)

flash+xml带列表的音乐播放器,mp3音乐播放器,flash音乐播放器1.精致小巧,炫酷迷你,这就是这款网页视频播放器的特点,2. flash+xml带列表的音乐播放器3. 用起来特简单,只要放上mp3地址,就OK。...

开  发:NetWork

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

NO39 - 带下载功能的JQuery免费网页音乐播放器

1.引用样式文件css/s.css2.将id为wrapper的DIV里的内容复制到您的html文件3.将要播放的歌曲信息添加到js/data.js文件里...

开  发:coco

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

NO19 - 浩海在线多格式音频播放器

浩海在线多格式音频播放器,常用于论坛底部或顶部的音乐播放器,js网页播放器,音乐播放器,mp3音乐播放器,wma音乐播放器,列表连播...

开  发:HaoHai

发布时间:2013-06-14
推荐程度:☆☆☆☆☆ 热度:3501℃
下载次数:

NO41 - 极致精美音乐mp3播放器(一款精简超小的音乐mp3播放器)

精简超小的niftyPlayer音乐mp3播放器,极致精美音乐mp3播放器(一款精简超小的音乐mp3播放器),flash网页播放器,as3播放器,音乐播放器,mp3音乐播放,列表连播...

开  发:niftyPlayer

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

NO82 - 酷播DiscuzX3.2视频插件完全免费含三套(基于酷播v4.0免费产品)

含三套功能:默认播放模式、视频预览模式、视频集数列表模式;默认播放模式:视频标准的观看形式(全终端适配);视频预览模式:视频标准的观看形式(未登录用户只能看一小段,支持PC端);视频集数列表模式:在帖子中显示视频的集数播放...

开  发:酷播

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