javascript - 为媒体禁用 iOS Safari 锁屏刷

Question

iOS 上的 Safari 在其锁定屏幕上为简单的 HTMLAudioElements 放置了一个 slider 。例如:

const a = new Audio();
a.src = 'https://example.com/audio.m4a'
a.play();

JSFiddle:https://jsfiddle.net/0seckLfd/

锁定屏幕将允许我在当前播放的音频文件中选择一个位置。

如何禁用用户在锁定屏幕上删除文件的功能？显示的元数据很好，能够暂停/播放也是可以接受的，但如果需要，我也可以禁用它。

Answer 1

在锁定屏幕上完全禁用播放器

如果你想完全删除锁屏播放器你可以做类似的事情

const a = new Audio();
document.querySelector('button').addEventListener('click', (e) => {
  a.src = 'http://sprott.physics.wisc.edu/wop/sounds/Bicycle%20Race-Full.m4a' 
  a.play();
});

document.addEventListener('visibilitychange', () => {
  if (document.hidden) a.src = undefined
})

https://jsfiddle.net/5s8c9eL0/3/

即在更改标签页或锁定屏幕时停止播放器(要清理的代码根据您的需要改进)