你的位置:首页 > 软件开发 > Java > 【jquery】一款不错的音频播放器——Amazing Audio Player

【jquery】一款不错的音频播放器——Amazing Audio Player

发布时间:2015-09-21 15:00:13
前段时间分享了一款视频播放器,点击这里。今天介绍一款不错的音频播放器——Amazing Audio Player。介绍:Amazing Audio Player 是一个使用很方便的 Windows 和 MAC 应用程序,允许你创建 HT ...

前段时间分享了一款视频播放器,点击这里。今天介绍一款不错的音频播放器——Amazing Audio Player。

介绍:

Amazing Audio Player 是一个使用很方便的 Windows 和 MAC 应用程序,允许你创建 HTML5 音频播放器的网站。该音频播放器兼容 iPhone,ipad,Android,Chrome,Firefox,Safari,Opera 和 IE 7 / 8 / 9 / 10。同时它也可以发布成为一个 WordPress 的音频播放器插件,Joomla 音频播放器模块或 Drupal 音频播放器模块。

DEMO:

<!doctype html><html lang="en"><head>  <meta charset="UTF-8"/>  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>  <meta name="renderer" content="webkit"/>  <meta name="keywords" content=""/>  <meta name="description" content=""/>  <title>amazing audio player</title>  <link rel="stylesheet" href="plugin/amazingaudioplayer/initaudioplayer.min.css"/></head><body>  <div id="amazingaudioplayer" style="display:block;position:relative;width:300px;height:164px;margin:0px auto 0px;">    <ul class="amazingaudioplayer-audios" style="display:none;">      <li data-artist="主题曲" data-title="主题曲" data-image="images/music.jpg" data-duration="30">        <div class="amazingaudioplayer-source" data-src='/images/loading.gif' data-original="mp3/music.mp3" data-type="audio/mpeg"/>      </li>    </ul>  </div></body></html><script src='/images/loading.gif' data-original="js/jquery.min.js"></script><script src='/images/loading.gif' data-original="plugin/amazingaudioplayer/amazingaudioplayer.min.js"></script><script>$(function(){  $("#amazingaudioplayer").amazingaudioplayer({    jsfolder: "plugin/amazingaudioplayer/",    loop: 1,    imageheight: 100,    imagewidth: 100,    infoformat: "By %ARTIST%",    playpauseimage: "playpause-48-48-0.png",    playpauseimagewidth: 48,    playpauseimageheight: 48,    prevnextimage: "prevnext-48-48-0.png",    prevnextimageheight: 48,    prevnextimagewidth: 48,    volumeimage: "volume-24-24-1.png",    volumeimageheight: 24,    volumebarheight: 80,    volumebarpadding: 8,    showloop: false,    showstop: false,    progressheight: 8,    showtracklist: false,    showtitleinbar: false,    timeformat: "%CURRENT% / %DURATION%"  });});</script>

 

海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理:https://www.xlkjsw.com

原标题:【jquery】一款不错的音频播放器——Amazing Audio Player

关键词:jquery

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

可能感兴趣文章

我的浏览记录