html5古典音乐盒风格音乐播放器

播放器演示

html5古典音乐盒风格音乐播放器演示

播放器介绍

html5古典音乐盒风格音乐播放器
1. 支持显示播放进度条;
2. 支持拖动播放功能;
3. 支持显示音量调节;
4. 适用浏览器:360、FireFox、Chrome、Opera、傲游、搜狗、世界之窗. 不支持Safari、IE8及以下浏览器。

部分代码:

<div id="cdPlayer">
    <div id="myConsole">曲名</div>
    <div id="CD">
        <div id="cdDisk"></div>
        <div id="cdCover"></div>
    </div>
    <div id="cdControllerArm"></div>
    <div id="playMode">
        <div id="shuffleMode" class="mode" title="随机播放"><i class="iconfontPlayMode">&#xe85e;</i>&nbsp;</div>
        <div id="listMode" class="mode" title="顺序播放"><i class="iconfontPlayMode">&#xe7ec;</i>&nbsp;</div>
        <div id="loopMode" class="mode" title="单曲循环"><i class="iconfontPlayMode">&#xe7df;</i>&nbsp;</div>
    </div>
    <div id="controllerButton">
        <div id="playBtn" class="button" title="播放"><i class="iconfont">&#xe830;</i>&nbsp;</div>
        <div id="pauseBtn" class="button" title="暂停"><i class="iconfont">&#xe81f;</i>&nbsp;</div>
        <div id="nextBtn" class="button" title="下一曲"><i class="iconfont">&#xe811;</i>&nbsp;</div>
        <div id="preBtn" class="button" title="上一曲"><i class="iconfont">&#xe826;</i>&nbsp;</div>
        <div id="stopBtn" class="button" title="停止"><i class="iconfont">&#xe875;</i>&nbsp;</div>
        <div id="muteBtn" class="button" title="静音"><i class="iconfont">&#xe8b1;</i>&nbsp;</div>
        <div id="firstBtn" class="button" title="首曲"><i class="iconfont">&#xe787;</i>&nbsp;</div>
        <div id="lastBtn" class="button" title="末曲"><i class="iconfont">&#xe7cc;</i>&nbsp;</div>
    </div>
</div>
<script src="js/jquery-1.11.2.js"></script>
<script src="js/index.js"></script>

html5古典音乐盒风格音乐播放器

html5古典音乐盒风格音乐播放器

开  发:Nandem

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

热门标签

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

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

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

开  发:酷播

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

NO18 - 带图片列表flash网页视频播放器

带图片列表flash网页视频播放器1. 支持显示图片列表;2. 支持flv,mp4视频格式播放;3. 支持显示播放进度; 4. 带图片列滚动条...

开  发:NetWork

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

NO51 - 纯HLS(m3u8)跨平台技术(HLSPlayer,m3u8Player跨平台多终端)

纯HLS(m3u8)跨平台技术(HLSPlayer,m3u8Player跨平台多终端),支持PC终端,Android安卓终端,iOS苹果终端,WindowsPhone终端...

开  发:NetWork

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

NO67 - 苹果maccms8酷播插件(支持移动端观看/广告功能/下一集)

以下教程将为用户安装上“酷播(极酷)阳光播放”到苹果cms8中,并实现支持PC,安卓,ios苹果观看,且PC端实现了自动切换到下一集。 ...

开  发:酷播

发布时间:2015-12-10
推荐程度:☆☆☆☆☆ 热度:9957℃
下载次数:

NO320 - 超简单清爽好看的html5音乐播放器(mp3播放器)

超简单清爽html5的mp3音乐播放器,简简单单也相当酷的音乐播放器,基于html5型的音乐播放器,界面漂亮美观,值得下载试一下。...

开  发:酷播

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

NO74 - 手机微信音乐播放器/手机mp3网页播放器/微信mp3播放器

这是一款支持手机微信使用简洁的mp3音乐播放器。1. 支持在微信中播放; 2. 支持在ios,安卓中播放器mp3;3. 也支持在pc中播放。特别提示:音乐格式仅限于mp3,不支持wma之类的格式。...

开  发:酷播

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

NO27 - 酷播优酷插件(用于优酷地址解析与识别功能强大)支持跨平台播放

酷播(极酷阳光播放器V2.5)优酷插件(V1.0),酷播优酷插件(用于优酷地址解析与识别功能强大)(支持跨平台播放,支持PC,安卓android,苹果ios终端播放)...

开  发:cuplayer.com

发布时间:2014-02-13
推荐程度:☆☆☆☆☆ 热度:29317℃
下载次数:

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

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

开  发:酷播

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