anas/divan
1
0
Fork 0
Code Issues 12 Pull Requests Actions Packages Projects Releases Wiki Activity

#250 some improvements

Browse Source
This commit is contained in:
Hamid Reza Mohammadi 2021-11-26 18:27:23 +03:30
parent 95bfb68599
commit 16e5e99d6f
3 changed files with 16 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
GanjooRazor/Pages/_AudioPlayerPartial.cshtml
View File

@ -57,17 +57,17 @@
{
var recitaion = Model.Recitations[nRecitationIndex];
<div class="play-list-row" data-track-row="@(nRecitationIndex + 1)">
<div class="small-toggle-btn">
<i class="small-play-btn"><span class="screen-reader-text">Small toggle button</span></i>
<div class="small-toggle-btn">
<i class="small-play-btn"><span class="screen-reader-text">Small toggle button</span></i>
</div>
<div class="track-number">
@((nRecitationIndex + 1).ToPersianNumbers()).
</div>
<div class="track-title">
<a class="playlist-track" href="#" data-play-track="@(nRecitationIndex + 1)">@($"{recitaion.AudioTitle} به خوانش {recitaion.AudioArtist}")</a>
</div>
<div class="xml-url-path">@($"{GanjooRazor.APIRoot.InternetUrl}/api/audio/file/{recitaion.Id}.xml")</div>
</div>
<div class="track-number">
@((nRecitationIndex + 1).ToPersianNumbers()).
</div>
<div class="track-title">
<a class="playlist-track" href="#" data-play-track="@(nRecitationIndex + 1)">@($"{recitaion.AudioTitle} به خوانش {recitaion.AudioArtist}")</a>
</div>
<div class="xml-url-path">@($"{GanjooRazor.APIRoot.InternetUrl}/api/audio/file/{recitaion.Id}.xml")</div>
</div>
}
</div>

8
GanjooRazor/wwwroot/css/audioplayer.css
View File

@ -110,13 +110,13 @@
position: relative;
}
.container .player .progress-box .progress-cell {
height: 12px;
height: 20px;
position: relative;
}
.container .player .progress-box .progress-cell .progress {
background: #fff;
border: 1px solid #d9d9d9;
height: 8px;
height: 16px;
position: relative;
width: auto;
}
@ -130,12 +130,12 @@
border: 1px solid #bebebe;
border-radius: 3px;
cursor: pointer;
height: 10px;
height: 18px;
left: 0;
overflow: hidden;
position: absolute;
top: -2px;
width: 22px;
width: 30px;
}
.container .player .controls-box {
bottom: 10px;

4
GanjooRazor/wwwroot/js/audioplayer.js
View File

@ -200,6 +200,7 @@ var audioPlayer = function () {
//User stops moving progress indicator.
window.addEventListener("mouseup", _mouseUp, false);
};
/**
@ -224,8 +225,7 @@ var audioPlayer = function () {
var duration = parseFloat(audio.duration);
var progressIndicatorClick = parseFloat(_handleProgressIndicatorClick(e));
window.removeEventListener("mousemove", _moveProgressIndicator, true);
audio.currentTime = duration * progressIndicatorClick;
audio.currentTime += duration * progressIndicatorClick;
audio.addEventListener("timeupdate", _trackTimeChanged, false);
_playAHead = false;
}