我正在尝试使用HTML5音频标签创建一个基本的移动就绪音频播放器。
到目前为止,我可以在浏览器和鼠标事件中正常工作。
但当我在触控设备上尝试同样的功能时,一切都很笨拙(不流畅),而且触控事件根本不起作用。
这就是我到目前为止所知道的:
https://jsfiddle.net/nkhy0sxf/
我试过这样的方法:
$pie.on("mousedown touchstart", function (eDown) {
if($(eDown.target).is("#pie")) {
var seeking = true;
var percent = computeProgress(eDown);
player.currentTime = percent * player.duration / 100;
$(this).on("mouseup mouseout touchend", function () {
seeking = false;
});
$(this).on("mousemove touchmove", function (eMove) {
if(seeking == true) {
var percent = computeProgress(eMove);
player.currentTime = percent * player.duration / 100;
}
});但我上面提到的问题在触控设备上仍然存在。
有人能在这个问题上给点建议吗?
发布于 2018-09-03 07:19:06
你一定要去看看hammer.js。
https://stackoverflow.com/questions/52139734
复制相似问题