Control volume of hovering videos with mouse wheel.
This commit is contained in:
parent
e67b0a774e
commit
698533233b
@ -183,6 +183,10 @@ Config =
|
|||||||
false
|
false
|
||||||
'Show full image / video on mouseover in <%= meta.name %> catalog.'
|
'Show full image / video on mouseover in <%= meta.name %> catalog.'
|
||||||
]
|
]
|
||||||
|
'Mouse Wheel Volume': [
|
||||||
|
true
|
||||||
|
'Adjust volume of hovering videos with mouse wheel.'
|
||||||
|
]
|
||||||
'Gallery': [
|
'Gallery': [
|
||||||
true
|
true
|
||||||
'Adds a simple and cute image gallery.'
|
'Adds a simple and cute image gallery.'
|
||||||
|
|||||||
@ -13,11 +13,13 @@ ImageHover =
|
|||||||
node: ->
|
node: ->
|
||||||
return unless @file and (@file.isImage or @file.isVideo)
|
return unless @file and (@file.isImage or @file.isVideo)
|
||||||
$.on @file.thumb, 'mouseover', ImageHover.mouseover @
|
$.on @file.thumb, 'mouseover', ImageHover.mouseover @
|
||||||
|
$.on @file.thumb, 'wheel', ImageHover.wheel if Conf['Mouse Wheel Volume'] and @file.isVideo
|
||||||
|
|
||||||
catalogNode: ->
|
catalogNode: ->
|
||||||
{file} = @thread.OP
|
{file} = @thread.OP
|
||||||
return unless file and (file.isImage or file.isVideo)
|
return unless file and (file.isImage or file.isVideo)
|
||||||
$.on @nodes.thumb, 'mouseover', ImageHover.mouseover @thread.OP
|
$.on @nodes.thumb, 'mouseover', ImageHover.mouseover @thread.OP
|
||||||
|
$.on @nodes.thumb, 'wheel', ImageHover.wheel if Conf['Mouse Wheel Volume'] and @thread.OP.file.isVideo
|
||||||
|
|
||||||
mouseover: (post) -> (e) ->
|
mouseover: (post) -> (e) ->
|
||||||
return unless doc.contains @
|
return unless doc.contains @
|
||||||
@ -75,3 +77,12 @@ ImageHover =
|
|||||||
@src = URL + if @src is URL then '?' + Date.now() else ''
|
@src = URL + if @src is URL then '?' + Date.now() else ''
|
||||||
else
|
else
|
||||||
$.rm @
|
$.rm @
|
||||||
|
|
||||||
|
wheel: (e) ->
|
||||||
|
return unless el = $.id 'ihover'
|
||||||
|
return if el.muted or not $.hasAudio el
|
||||||
|
{volume} = el
|
||||||
|
volume += 0.1 if e.deltaY < 0
|
||||||
|
volume -= 0.1 if e.deltaY > 0
|
||||||
|
el.volume = $.minmax volume, 0, 1
|
||||||
|
e.preventDefault()
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user