0x2620/phantasma
2
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

mute overlay touch

Browse source
This commit is contained in:
j 2021-10-11 19:52:29 +01:00
parent c6e0d20e77
commit 9d3fbb4a2e
1 changed files with 11 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
app/static/js/ascroll.js
View file

@ -35,7 +35,6 @@ function updatePlayer(video, frame, currentTime, out, src) {
video.currentTime = currentTime video.currentTime = currentTime
video.dataset.in = currentTime video.dataset.in = currentTime
video.dataset.out = out video.dataset.out = out
video.controls = true
video._frame = frame video._frame = frame
const show = event => { const show = event => {
video.style.opacity = 1 video.style.opacity = 1
@ -126,10 +125,8 @@ function formatInfo(config, ascroll) {
function showOverlay(event) { function showOverlay(event) {
document.querySelectorAll('#video-overlay').forEach(element => element.remove()) document.querySelectorAll('#video-overlay').forEach(element => element.remove())
console.log('showOverlay')
var video = event.target var video = event.target
var rect = video.getBoundingClientRect(); var rect = video.getBoundingClientRect();
console.log(rect)
var overlay = document.createElement('div') var overlay = document.createElement('div')
overlay.id = 'video-overlay' overlay.id = 'video-overlay'
overlay.style.top = video.style.top overlay.style.top = video.style.top
@ -140,6 +137,7 @@ function showOverlay(event) {
overlay.style.alignItems = 'center' overlay.style.alignItems = 'center'
overlay.style.justifyContent = 'center' overlay.style.justifyContent = 'center'
overlay.style.fontSize = '45px' overlay.style.fontSize = '45px'
video.controls = true
if (video.muted) { if (video.muted) {
overlay.innerHTML = `🔇` overlay.innerHTML = `🔇`
@ -154,11 +152,19 @@ function showOverlay(event) {
overlay.innerHTML = `🔊` overlay.innerHTML = `🔊`
} }
}) })
overlay.addEventListener('mouseleave', event=> { var timeout = setTimeout(() => {
video.controls = false
overlay.remove() overlay.remove()
}, 500)
overlay.addEventListener('mousemove', event=> {
clearTimeout(timeout)
timeout = setTimeout(() => {
video.controls = false
overlay.remove()
}, 500)
}) })
video.parentElement.appendChild(overlay) video.parentElement.appendChild(overlay)
console.log(overlay)
} }
function loadItem(config) { function loadItem(config) {