嵌入的音频在Safari/iOS上不可见
嵌入的音频在Safari/iOS上不可见是由于Safari浏览器在iOS设备上对自动播放音频有一些限制。为了提供更好的用户体验和节省用户流量，Safari浏览器默认情况下会阻止自动播放音频。
为了解决这个问题，可以采取以下几种方法：
- 用户交互触发播放：在Safari/iOS上，可以通过用户的交互行为来触发音频的播放，例如点击按钮或者其他用户操作。这样可以绕过浏览器的限制，确保音频能够正常播放。
- 添加播放按钮：在页面上添加一个播放按钮，让用户主动点击按钮来触发音频的播放。这样用户可以自主选择是否播放音频，同时也符合浏览器的限制。
- 使用Web Audio API：Web Audio API是HTML5提供的一种用于处理音频的API，通过使用Web Audio API可以实现更精细的音频控制。可以通过编程的方式来控制音频的播放，从而绕过浏览器的限制。
- 提示用户手动打开声音：在页面上添加一个提示，告知用户在Safari/iOS上需要手动打开声音才能听到音频。这样用户可以根据提示来操作，确保能够正常听到音频。
需要注意的是，以上方法仅适用于解决音频在Safari/iOS上不可见的问题，具体实施方法还需要根据具体的开发需求和场景来确定。
腾讯云相关产品推荐：
- 腾讯云音视频处理（https://cloud.tencent.com/product/mps）：提供音视频处理的云服务，包括音频转码、音频剪辑、音频合成等功能，可用于处理和优化音频文件。
- 腾讯云移动直播（https://cloud.tencent.com/product/mlvb）：提供移动直播的云服务，可用于实时推流和播放音频、视频内容。
- 腾讯云云服务器（https://cloud.tencent.com/product/cvm）：提供云服务器的托管服务，可用于部署和运行各类应用程序，包括音频处理相关的应用。
以上产品仅为示例，具体选择还需根据实际需求进行评估和决策。
相关·内容
1回答
我有一个嵌入的音频，当在Chrome，火狐或IE中时，它会正常加载和显示，但当我在Safari或iOS中打开它时，它是不可见的。它在那里，因为它仍然占据了页面上的空间，但它只是没有显示。奇怪的是，如果我检查元素并说，删除单词audio，然后重新添加单词audio，然后播放器就会出现在页面上。 为什么它不能直接加载，有什么原因吗？
浏览 21提问于2020-11-24得票数 0
我正在构建一个专门通过Android设备上的Chrome浏览器访问的网站，因此它是我唯一关心的让我的代码工作的浏览器。我
浏览 2提问于2013-08-31得票数 1
回答已采纳
Safari上的音频标签似乎不起作用..。<audio controls src="data:audio/ogg;base64,T2dnUwACAAaaaaand so on" />
我需要使用数据:以base64格式提供声音数据的方法
浏览 2提问于2014-04-08得票数 1
回答已采纳
1回答
是在桌面浏览器上播放音频的标准方式，支持iPad Safari，如下图所示；
我的意思是，有什么方法可以在iPad Safari上嵌入音频。我知道HTML5元素可以在iPad Safari..But上使用，有没有其他方法可以在iPad Safari中嵌入音频？
浏览 2提问于2011-06-03得票数 1
回答已采纳
将音频元素的src设置为以下base64 webm片段，并在大多数浏览器中播放它，但在Safari中失败。在地址栏中粘贴代码片段甚至可以在Chrome中工作。我可以播放一个base64编码的mp3数据栏，就像我在另一个响应中找到的小提琴一样： --此外，我尝试用data:audio/mp3 (在Chrome中工作等)替换代码片段data:audio/webm的开头，这让我前进得更远，但是音
浏览 8提问于2019-11-04得票数 0
通过Safari/JavascripSDK2.0.0的流操作应该在iOS/Safari上工作吗？我发现下面这个简单的例子并不是这样的。<head lang="en"> <title></title>
</h
浏览 3提问于2015-06-24得票数 0
回答已采纳
我正在使用GoogleCloudStorage::serve()通过Google App Engine上的一个带有HTML5 audio标签的网站来提供.mp3文件。一切正常，但在iOS更新后，这些设备无法在任何浏览器中播放音频。
我不确定代码为什么停止工作。其他的一切仍然可以在Android和Windows的所有浏览器上正常工作。这只是一个简单的音频标签，它的源是由GoogleC
浏览 1提问于2017-01-15得票数 8
我找到了，它允许我使用WebRtc在WebRtc数据通道上传递hls。
问题是它不支持IOS上的Safari。IOS上的Safari的最新版本确实支持WebRtc数据通道，并且它们具有对hls回放的本机支持。这就是我的问题，是只能在支持媒体源扩展的浏览器上使用WebRtc进行数据传输，还是我也可以使用WebRtc将.ts文件传送到IOS<
浏览 0提问于2019-01-10得票数 0
我在这里有个快速的肮脏审判，然后，在桌面上的javascript然而，当我在任何移动设备上做与完全相同的事情(特别是和iOS设备是我尝试过的)时，绝对不会发生任何事情。根本没有音频播放。
我在网上做了
浏览 5提问于2014-11-26得票数 1
我已经看到了一些与这个主题相关的(令人沮丧的)问题，但我仍然不清楚答案。
是否有可能在iphone或ipad上的离线web应用程序中缓存视频内容，以便立即播放？(我认为任何缓存的文件都有5mb的限制。)使用清单，视频可以像其他文件一样缓存吗？还有别的选择吗？
浏览 1提问于2010-08-07得票数 3
2回答
大家好，我有自定义全屏图标，触发我的视频全屏。一切都很好，只是它不能在苹果的设备上工作。你知道怎么解决吗？mediaElement.msRequestFullScreen) { }正如我所说，上面的代码在Windows/android设备上工作，但在苹果的设备上不起作用。
浏览 3提问于2016-12-16得票数 3
回答已采纳
1回答
我试图实现的是延迟一些视频播放，从用户的行动，以便播放一些动画之前，视频开始。我知道iOS和安卓上的视频播放必须与用户的动作相关联，所以你不能自动播放它。但是，您似乎也不能设置用户启动播放的延迟--这是正确的还是除了设置超时之外还有其他方法？
另外，据我所见(至少在iOS上)，这个限制在初始用户启动回放后不会解除。因此，如果你播放和暂停视频，你仍然不能恢复它没有用户的</e
浏览 3提问于2016-11-03得票数 0
我们的html应用程序偶尔会将YouTube视频嵌入UI中。我们使用一个简单的iframe嵌入它们。
当我们把应用程序放在我们的手机(iOS / iOS模拟器)，视频打开移动Safari。怎样才能让嵌入式YouTube视频在应用程序中播放，而不启动Safari呢？
浏览 1提问于2016-04-05得票数 0
回答已采纳
6回答
<video>标签的autoplay="autoplay"属性在Safari中工作得很好。videoPlay: function(){ console.log('STATE: ' +function(){me.videoPlay();}, 300); else {
浏览 2提问于2012-09-19得票数 125
回答已采纳
但是，以下情况发生在使用El Capitan的Safari上：
在点击按钮，它加载和播放音频。有人面临过这个问题吗？我使用的是稳定
浏览 4提问于2016-01-07得票数 3
回答已采纳
我目前正在为钢琴和弦创建一个iPhone web应用程序，我想添加一个选项，让用户按下播放按钮并播放选定的和弦。然而，我不确定如何做到这一点，或者这是否可能。基本上，有没有办法以编程方式(通过Javascript)播放声音文件(wav、mp3等)？在幕后？(即不离开页面)
谢谢你的帮助！(请记住，我正在开发一个web应用程序，所以我使用的是HTML、CSS和JS，而不是原生SDK)
浏览 0提问于2009-11-08得票数 4
回答已采纳
因此，我最近将Google Signin API更新到2.3.1 (今天更新为2.3.2 )，从那以后，我的应用程序不再将我弹到已安装的Google应用程序进行身份验证。相反，它总是在应用程序中打开一个web视图。需要明确的是，没有任何东西被破坏，登录工作得很好。事实上，看起来用户不需要输入密码，如果他们已经登录，这是很棒的。不过，为什么会有这样的变化呢？
浏览 0提问于2015-10-14得票数 3
1回答
我无法在iPad Safari..上播放html5音频..我已经尝试过了 audio.type = "audiox.innerHTML = '<audio autoplay=autoplay><source src="'+audioUrl + '" type=audio/mpeg /></
浏览 2提问于2011-06-09得票数 4
回答已采纳
我正在尝试将此流嵌入到HTML5 audio标记中，以便针对iOS移动safari用户：我的下一个逻辑步骤是尝试将AAC文件嵌入到音频标记中，如：&
浏览 8提问于2013-07-03得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
