localhots/oldhaven
1
0
Fork 0
Code Releases Activity

New html5 player

Browse Source
This commit is contained in:
magnolia-fan
2011-04-10 22:04:35 +04:00
parent a738e533c1
commit b5e2563bf9
14 changed files with 200 additions and 482 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/views/artist/view.rhtml
+1 -1
View File
@@ -17,7 +17,7 @@
<ul class="tracks">
<% first_release.tracks.each do |track| %>
<li id="<%= track.id %>">
<span class="play<%= (track.inDb ? '' : ' disabled') %>"></span>
<span class="play<%= (track.inDb ? '' : ' disabled') %>"><img src="/images/player/play.svg" alt="play" /></span>
<span class="track-name"><%= track.name %></span>
<span class="duration"><%= track.length.toTime %></span>
</li>
app/views/layouts/application.html.erb
+15 -4
View File
@@ -10,10 +10,21 @@
<div id="contents">
<div class="inner-1">
<div id="player">
<span id="artist"></span>
<span id="dash"> - </span>
<span id="title"></span>
<audio controls preload autoplay style="width:1000px;"></audio>
<audio></audio>
<div class="prev"><img src="/images/player/prev.svg" alt="prev" /></div>
<div class="play"><img src="/images/player/play.svg" alt="play" /></div>
<div class="pause" style="display:none"><img src="/images/player/pause.svg" alt="pause" /></div>
<div class="next"><img src="/images/player/next.svg" alt="pause" /></div>
<div class="time-played">0:00</div>
<div class="progress">
<div class="track-title">No track</div>
<div class="progress-bar">
<div class="progress-loaded">
<div class="progress-point"></div>
</div>
</div>
</div>
<div class="time-left">0:00</div>
</div>
<%= yield %>
</div>