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

标签 javascript ios mobile-safari html5-audio lockscreen

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

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

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

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

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

iOS Lock Screen

最佳答案

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

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

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/

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

关于javascript - 为媒体禁用 iOS Safari 锁屏刷,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56783395/

相关文章:

javascript - 尝试创建一个脚本,当我将鼠标悬停在特定元素上时,该脚本将在特定元素周围创建边框

javascript - 无法使用 for 循环遍历 JavaScript 数组

javascript - 日期时间选择器在 Javascript 代码中不起作用

c++ - 找不到我的着色器(Obj-C++、ios、opengles2.0)

ios - 如何根据 Realm 中的特定属性更新 Realm 对象?

javascript - 通过特快专递问题向多个收件人发送电子邮件

ios - 在后台连续运行的iOS游戏

javascript - iOS 设备上使用 CraftyJS 的场景大小

jquery - iOS Safari Mobile 图像 map - 单击时区域显示框

html - 不使用 openURL 从链接打开 Safari