Javascript检测是否可以设置音量

Question

你能检测到是否可以用 javascript 设置音量吗？ 例如，看看您是否在 ios 浏览器上（但如果可以设置音量，则不检测 ios）。 我尝试过这样的事情，但它总是返回 true。

如果我在 ios 上，我想隐藏播放器中的音量按钮。 我知道我可以检测 ios，但我想更进一步，并可能检测是否可以更改音量。

var audio = document.createElement("audio");
    if(!audio) return false;
    audio.volume = 0;
    return audio.volume == 0 ? true : false;

Answer 1

在 iOS Safari 上遇到同样的问题。 我可以建议使用volumechange事件侦听器的异步变体。

function testMediaElementVolumeSetterAsync () {
  const timeoutPromise = new Promise(resolve => setTimeout(resolve, 1e3, false))
  const promise = new Promise((resolve) => {
    let video = document.createElement('video')
    const handler = () => {
      video.removeEventListener('volumechange', handler)
      video = null

      resolve(true)
    }

    video.addEventListener('volumechange', handler)

    video.volume = 0.5
  })

  return Promise.race([promise, timeoutPromise])
}

Answer 2

我只能想到的是监听volumechange事件（它具有普遍支持），然后像你正在做的那样设置音量（根据MDN在许多浏览器中都有未知的支持），看看它是否会触发？

Answer 3

我遇到了同样的问题，几个小时后，我让自己完全检测 iOS 。 我拒绝了，但现在代码实际上感觉更干净了。

我尝试了Alex 的想法，该想法几乎奏效，因为该事件不是在 iOS 上触发的，而是在其他平台上触发的。 然而，设置音量同步发生但事件异步发生的事实使它变得棘手。