Firebase 存储 mp3 无法在 ios 版 safari 上加载

问题描述 投票:0回答:1

无论我做什么,我都无法从 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

我希望音频文件能够像在我的桌面浏览器上一样正常工作。

firebase mobile-safari html5-audio
1个回答
0
投票

我解决了这个问题。有人告诉我他们可以看到链接。在进一步检查其他人的 iPhone 后,我发现问题只出在我的 safari 上。我打开了扩展程序“Firefox Focus”,但由于某种原因阻止了我的下载。

© www.soinside.com 2019 - 2024. All rights reserved.