无论我做什么,我都无法从 Firebase 存储中获取音频文件以在 ios 的 safari 浏览器上播放。我读过 12 年前的问题和答案,告诉我在上传文件时在元数据中写入 mimeType。我已经做到了。我已经为我的桶公开了这篇文章。我在 stackoverflow 上查看了所有问题和答案来调试它。我无法找到答案。在桌面浏览器上,它运行良好。在 iO 上,无论我做什么,我都无法听到它(除了在我的 Next js 公共文件夹中使用静态路径。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Audio Demo</title>
</head>
<body>
<h1>Audio Controls Demo</h1>
<h2>Control - local file but works with Next js</h2>
<audio controls>
<source src="/static/audio.mp3" type="audio/mpeg" />
</audio>
<h2>Normal link with token</h2>
<audio controls>
<source src="https://firebasestorage.googleapis.com/v0/b/test-audio-guide.appspot.com/o/museums%2FmuseumUrl%2Fa5876591-f645-46a1-8bca-2d605116d58e.mp3?alt=media&token=abb9080b-c5c2-464d-a589-ff3a81d835cf" type="audio/mpeg" />
</audio>
<h2>Normal link without token</h2>
<audio controls>
<source src="https://firebasestorage.googleapis.com/v0/b/test-audio-guide.appspot.com/o/museums%2FmuseumUrl%2Fa5876591-f645-46a1-8bca-2d605116d58e.mp3?alt=media" type="audio/mpeg" />
</audio>
<h2>Link with no preload</h2>
<audio controls preload="none">
<source src="https://firebasestorage.googleapis.com/v0/b/test-audio-guide.appspot.com/o/museums%2FmuseumUrl%2Fa5876591-f645-46a1-8bca-2d605116d58e.mp3?alt=media&token=abb9080b-c5c2-464d-a589-ff3a81d835cf" type="audio/mpeg" />
</audio>
<h2>Link with metadata preload</h2>
<audio controls preload="metadata">
<source src="https://firebasestorage.googleapis.com/v0/b/test-audio-guide.appspot.com/o/museums%2FmuseumUrl%2Fa5876591-f645-46a1-8bca-2d605116d58e.mp3?alt=media&token=abb9080b-c5c2-464d-a589-ff3a81d835cf" type="audio/mpeg" />
</audio>
<h2>Link with auto preload</h2>
<audio controls preload="auto">
<source src="https://firebasestorage.googleapis.com/v0/b/test-audio-guide.appspot.com/o/museums%2FmuseumUrl%2Fa5876591-f645-46a1-8bca-2d605116d58e.mp3?alt=media&token=abb9080b-c5c2-464d-a589-ff3a81d835cf" type="audio/mpeg" />
</audio>
<h2>Link without type</h2>
<audio controls preload="auto">
<source src="https://firebasestorage.googleapis.com/v0/b/test-audio-guide.appspot.com/o/museums%2FmuseumUrl%2Fa5876591-f645-46a1-8bca-2d605116d58e.mp3?alt=media&token=abb9080b-c5c2-464d-a589-ff3a81d835cf" />
</audio>
</body>
</html>
为了您的方便,我在这里上传了 html:
mp3-ios-safari.tiiny.site
我希望音频文件能够像在我的桌面浏览器上一样正常工作。
我解决了这个问题。有人告诉我他们可以看到链接。在进一步检查其他人的 iPhone 后,我发现问题只出在我的 safari 上。我打开了扩展程序“Firefox Focus”,但由于某种原因阻止了我的下载。