你的位置:首页 > 软件开发 > 网页设计 > HTML5音乐播放器(最新升级改造加强版)

HTML5音乐播放器(最新升级改造加强版)

发布时间:2015-09-06 20:00:12
最近么,单位里面么老不顺心的,公司一直催要程序员要PHP,然后本宅好不容易推荐了一个,我日嘞,最后待遇变成1.3,吾师最后也同意1.3W,然后还说要考虑。。。尼玛,4年多5年不到一点的工作经验,前端,后端PHP都会,标准全栈工程师!在支付宝混过1年。。我的领路人兼前端PHP启蒙老 ...

最近么,单位里面么老不顺心的,公司一直催要程序员要PHP,然后本宅好不容易推荐了一个,我日嘞,最后待遇变成1.3,吾师最后也同意1.3W,然后还说要考虑。。。

尼玛,4年多5年不到一点的工作经验,前端,后端PHP都会,标准全栈工程师!在支付宝混过1年。。我的领路人兼前端PHP启蒙老师。。。杀人的心都有了,搞得我也想离职了

然后么,我也被搞得没有动力,没有动力。。。最后搞了下面那个。。。。参考了草明的播放器(就是LOW)

https://github.com/YanMr/H5Player

Low的也是不要不要的....

最后这边瞅瞅,那边翻翻,搞了下面这个玩意

HTML5音乐播放器(最新升级改造加强版)

这个是偶对上次的那个播放器的升级改造加强版。。。各种改,今天正好闲的蛋疼搞一下。。。

之前的播放器被喷的各种LOW,连个左右切换都没搞好,搞个毛啊!。。。

以及对我没有妹子的同情,到现在还是个单身狗,更有同事调戏我,让我唱

Single dog, single dog, single everyday.

See AV, hit the plane, they're doing all day.

Hey!

Single dog, single dog, why not be a gay?

No more wait,

no more afraid,

make yourself a gay!

。。。没办法,偶是一个有追求的程序员。偶最求的是代码的极致,效果的最佳。。吾孤高,你们不懂我的寂寞!!!

好了吐槽完毕!!!首先吗,先亮一段代码给大家瞅瞅

<div class="Home"> <div class="container clearfix">  <div class="box HomeHeader">   <div class="title">    <h1 id="sing-name">On My Own</h1>    <p></p>   </div>   <div class="musicBox clearfix">    <div class="MusicPlayBox">     <div class="clearfix">      <div class="MusicPlayPic"><img src='/images/loading.gif' data-original="img/pic/tokyo.jpg" id="MusicPhoto" class="MusicPhoto" /></div>      <div class="MusicSystem">       <h3 id="sing-singer">ルシュカ </h3>       <p>专辑简介:TVアニメ『東京喰種』のオリジナル・サウンドトラック。アニメ1期『東京喰種』に加え、2期『東京喰種√A』のBGMも収録。BGM全楽曲は、TVドラマ『マルモのおきて』などを手掛けたクリエイター“やまだ豊”が担当。彼のピアノから生まれるその“過激”で“琴線に触れる繊細なメロディー”が、アニメの世界観を増幅させる。《、</p>      </div>     </div>     <div class="MusicPlayCenter">      <div class="MusicPlayButton clearfix"> <a id="Playleft" class="glyphicons glyphicons-rewind fl"></a> <a id="PLAY" class="glyphicons glyphicons-play fl"></a> <a id="Playright" class="glyphicons glyphicons-forward fl"></a> <a href="" class="glyphicons glyphicons-volume-up fl"></a>       <div id="voiceSlider" class="Progress fl" style="margin:13px 0 0 10px;">        <div class="pace" style="width: 80%;"></div>        <a href="javascript:void(0);" style="left: 80%;"></a> </div>      </div>      <div class="Progress" id="MusicProgress">       <div style="width: 0%;" class="pace"></div>       <a style="left: 0%;" href="javascript:void(0);"></a> </div>      <audio id="audio"></audio>     </div>    </div>    <div class="MusicBoxWord">     <ul>      <li>Darkness falls on another day</li>      <li>And the light just seems so far away</li>      <li>Am I here all alone</li>      <li>Because it just feels so cold</li>      <li>Oh~so cold</li>      <li>Is there more than what meets the eyes?</li>      <li>Something higher keeping me alive</li>      <li>Maybe hope buried deep within</li>      <li>Here's what needed to began again </li>      <li>Now I must believe in something I can not see for now</li>      <li>I am「on my own」</li>      <li>It's my will with all my might</li>      <li>To stay strong without a fight</li>      <li>I'm so lost but not afraid</li>      <li>I've been broken and raise again</li>      <li>Don't give up, I've come this far</li>      <li>Know what's right in my heart</li>      <li>I'll get back to my home</li>      <li>And for now I am「on my own」</li>      <li>It's my will with all my might</li>      <li>To stay strong without a fight</li>      <li>I'm so lost but not afraid</li>      <li>I've been broken and raise again</li>      <li>Don't give up, I've come this far</li>      <li>Know what's right in my heart</li>      <li>I'll get back to my home</li>      <li>And for now I am「on my own」</li>      <li>I am on「on my own」</li>     </ul>    </div>   </div>   <div class="LightList">    <ul class="clearfix">     <li><i class="i-1"></i> <i class="i-2"></i> <i class="i-3"></i> <i class="i-4"></i> <i class="i-5"></i> <i class="i-6"></i> <i class="i-7"></i></li>     <li><i class="i-1"></i> <i class="i-2"></i> <i class="i-3"></i> <i class="i-4"></i> <i class="i-5"></i> <i class="i-6"></i> <i class="i-7"></i></li>     <li><i class="i-1"></i> <i class="i-2"></i> <i class="i-3"></i> <i class="i-4"></i> <i class="i-5"></i> <i class="i-6"></i> <i class="i-7"></i></li>     <li><i class="i-1"></i> <i class="i-2"></i> <i class="i-3"></i> <i class="i-4"></i> <i class="i-5"></i> <i class="i-6"></i> <i class="i-7"></i></li>     <li><i class="i-1"></i> <i class="i-2"></i> <i class="i-3"></i> <i class="i-4"></i> <i class="i-5"></i> <i class="i-6"></i> <i class="i-7"></i></li>     <li><i class="i-1"></i> <i class="i-2"></i> <i class="i-3"></i> <i class="i-4"></i> <i class="i-5"></i> <i class="i-6"></i> <i class="i-7"></i></li>     <li><i class="i-1"></i> <i class="i-2"></i> <i class="i-3"></i> <i class="i-4"></i> <i class="i-5"></i> <i class="i-6"></i> <i class="i-7"></i></li>     <li><i class="i-1"></i> <i class="i-2"></i> <i class="i-3"></i> <i class="i-4"></i> <i class="i-5"></i> <i class="i-6"></i> <i class="i-7"></i></li>     <li><i class="i-1"></i> <i class="i-2"></i> <i class="i-3"></i> <i class="i-4"></i> <i class="i-5"></i> <i class="i-6"></i> <i class="i-7"></i></li>    </ul>   </div>  </div> </div> <div class="container clearfix">  <div class="Main"></div>  <div class="Aside">   <div class="Wanted"><img src='/images/loading.gif' data-original="img/wanted.png" width="100%" /></div>  </div> </div></div>

原标题:HTML5音乐播放器(最新升级改造加强版)

关键词:HTML

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