kudzues/hexo-theme-shoka
1
0
Fork 0
mirror of https://github.com/amehime/hexo-theme-shoka.git synced 2026-04-05 10:42:51 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix

Browse Source
This commit is contained in:
amehime
2020-10-30 12:36:47 +08:00
parent 7dceb7d7e1
commit 665cbab5ae
2 changed files with 40 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
source/js/_app/fireworks.js
View File

@@ -6,7 +6,7 @@ var ctx = canvasEl.getContext('2d');
var numberOfParticules = 30;
var pointerX = 0;
var pointerY = 0;
var tap = ('ontouchstart' in window || navigator.msMaxTouchPoints) ? 'touchstart' : 'mousedown';
var tap = 'click'; // ('ontouchstart' in window || navigator.msMaxTouchPoints) ? 'touchstart' : 'mousedown'
var colors = CONFIG.fireworks;
function setCanvasSize() {

76
source/js/_app/player.js
View File

@@ -321,12 +321,6 @@ const mediaPlayer = function(t, config) {
var el = this.el
el.innerHTML = ""
var getPosition = function(e, el) {
var percentage = ((e.clientX || e.changedTouches[0].clientX) - el.left()) / el.width();
percentage = Math.max(percentage, 0);
return Math.min(percentage, 1)
}
this.data.map(function(item, index) {
var id = 'list-' + t.player._id + '-'+item.group
var tab = $('#' + id)
@@ -350,7 +344,7 @@ const mediaPlayer = function(t, config) {
if(source.paused) {
t.player.play();
} else {
t.player.seek(source.duration * getPosition(event, current))
t.player.seek(source.duration * progress.percent(event, current))
}
return;
}
@@ -358,30 +352,6 @@ const mediaPlayer = function(t, config) {
t.player.play();
}
})
var thumbMove = function(e) {
var percentage = getPosition(e, item.el)
progress.update(percentage)
lyrics.update(percentage * source.duration);
};
var thumbUp = function(e) {
document.removeEventListener(utils.nameMap.dragEnd, thumbUp)
document.removeEventListener(utils.nameMap.dragMove, thumbMove)
var percentage = getPosition(e, item.el)
progress.update(percentage)
t.player.seek(percentage * source.duration)
source.disableTimeupdate = false
progress.seeking(false)
};
item.el.addEventListener(utils.nameMap.dragStart, function (){
source.disableTimeupdate = true
progress.seeking(true)
document.addEventListener(utils.nameMap.dragMove, thumbMove)
document.addEventListener(utils.nameMap.dragEnd, thumbUp)
});
return item
})
@@ -533,14 +503,39 @@ const mediaPlayer = function(t, config) {
el: null,
bar: null,
create: function() {
if(this.el) {
var li = playlist.el.child('li.current')
li && li.removeClass('current')
this.el.remove()
}
var current = playlist.current().el
var that = this
var current = playlist.current().el;
if(current) {
var thumbMove = function(e) {
var percentage = that.percent(e, current)
progress.update(percentage)
lyrics.update(percentage * source.duration);
};
var thumbUp = function(e) {
current.removeEventListener(utils.nameMap.dragEnd, thumbUp)
current.removeEventListener(utils.nameMap.dragMove, thumbMove)
var percentage = that.percent(e, current)
progress.update(percentage)
t.player.seek(percentage * source.duration)
source.disableTimeupdate = false
progress.seeking(false)
};
var dragHandle = function() {
source.disableTimeupdate = true
progress.seeking(true)
current.addEventListener(utils.nameMap.dragMove, thumbMove)
current.addEventListener(utils.nameMap.dragEnd, thumbUp)
}
if(this.el) {
current && current.removeClass('current'),
current.removeEventListener(utils.nameMap.dragStart, dragHandle)
this.el.remove()
}
this.el = current.createChild('div', {
className: 'progress',
})
@@ -551,9 +546,16 @@ const mediaPlayer = function(t, config) {
current.addClass('current')
current.addEventListener(utils.nameMap.dragStart, dragHandle);
playlist.scroll()
}
},
percent: function(e, el) {
var percentage = ((e.clientX || e.changedTouches[0].clientX) - el.left()) / el.width();
percentage = Math.max(percentage, 0);
return Math.min(percentage, 1)
},
update: function(percent) {
this.bar.width(Math.floor(percent * 100) + '%')
this.el.attr('data-ptime', utils.secondToTime(percent * source.duration))