如何在音频timeupdate上获取clientx

Question

问题

我需要在调用timeupdate后检索clientX（水平鼠标位置）值。但是，timeupdate事件不会返回clientX，我似乎无法找到解决此问题的方法。

目前为止的代码（样本）

var point = {
    to: function(e){
        console.log(e.clientX); // returns undefined
    }
}

audio.addEventListener("timeupdate", function(e){
    point.to(e);
});

有没有办法实现我正在寻找的东西？到目前为止， Google 和 StackOverflow 都没有带来有希望的结果。

干杯。

Answer 1

您无法访问该活动的clientX或clientY。您需要做的是在另一个事件中捕获并存储鼠标位置。在此示例中，我使用mousemove来捕获和存储鼠标位置。

＆＃13;

＆＃13;

let mouseX;
let mouseY;

var point = {
    to: function(e){
        console.log(mouseX, mouseY);
    }
}

audio.addEventListener("mousemove", e => {
  mouseX = e.clientX;
  mouseY = e.clientY;
});



audio.addEventListener("timeupdate", function(e){
    point.to(e);
});

＆＃13;

<audio id="audio" controls src="http://soundbible.com/mp3/harley-davidson-daniel_simon.mp3"/>

＆＃13;

＆＃13;

＆＃13;