ctactic/aircox-radiocampus
1
0
Fork 0
forked from rc/aircox
Code Issues 10 Pull Requests Activity

work on player, fix seek issue + show cover in the button

Browse Source
This commit is contained in:
bkfox 2016-12-09 20:10:32 +01:00
parent 7752e37b74
commit 8d3400a0f6
3 changed files with 19 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
aircox_cms/static/aircox_cms/css/layout.css
View File

@ -364,10 +364,23 @@ ul.list {
.player .item:not([selected]) .button > img.play { .player .item:not([selected]) .button > img.play {
display: block; display: block;
} }
.player .item:not([selected]) .button > img:not(.play) {
.player .item:not([selected]) .button > img:not(.play):not(.cover) {
display: none; display: none;
} }
.player .item .button > img.cover {
display: block;
position: absolute;
transition: opacity 0.2s;
}
.player .item:hover .button > img.cover {
/* display: none; */
opacity: 0.2;
}
main .player .actions .action:not(.add), main .player .actions .action:not(.add),
.section_player .actions .action.add, .section_player .actions .action.add,

6
aircox_cms/static/aircox_cms/js/player.js
View File

@ -56,7 +56,7 @@ Sound.prototype = {
if(this.detail) if(this.detail)
item.querySelector('.detail').href = this.detail; item.querySelector('.detail').href = this.detail;
if(playlist.player.show_cover && this.cover) if(playlist.player.show_cover && this.cover)
item.querySelector('img.play').src = this.cover; item.querySelector('img.cover').src = this.cover;
item.sound = this; item.sound = this;
this.item = item; this.item = item;
@ -316,7 +316,9 @@ Player.prototype = {
// progress // progress
progress = this.progress.bar; progress = this.progress.bar;
progress.addEventListener('click', function(event) { progress.addEventListener('click', function(event) {
player.audio.currentTime = time_from_progress(event); self.audio.currentTime = time_from_progress(event);
event.preventDefault();
event.stopImmediatePropagation();
}, false); }, false);
progress.addEventListener('mouseout', update_info, false); progress.addEventListener('mouseout', update_info, false);

1
aircox_cms/templates/aircox_cms/snippets/player.html
View File

@ -11,6 +11,7 @@
<div class="playlist"> <div class="playlist">
<li class='item list_item flex_row' style="display: none;"> <li class='item list_item flex_row' style="display: none;">
<div class="button"> <div class="button">
<img src="" class="cover"/>
<img src="{% static "aircox/images/play.png" %}" class="play" <img src="{% static "aircox/images/play.png" %}" class="play"
title="{% trans "play" %}" /> title="{% trans "play" %}" />
<img src="{% static "aircox/images/pause.png" %}" class="pause" <img src="{% static "aircox/images/pause.png" %}" class="pause"