【问题标题】:iPhone HTML5 Audio tag not workingiPhone HTML5 音频标签不起作用
【发布时间】:2013-06-27 18:44:59
【问题描述】:

我有一个音频标签无法在 iPonhe 上工作的问题。在 W3Schools 网站上测试时,它会播放 HTML5 音频标签,但不适用于我下面的标签

 <audio autoplay ><source  src="audio/alarm1.mp3" type="audio/mpeg"></audio>

此代码在桌面和安卓浏览器上运行良好,只是不适用于 ipod 或 iphone safari

已编辑

音频文件似乎工作正常,只是不会autoplay

有没有一种方法可以让用户在不需要用户干预的情况下按下按钮并在播放音乐后播放?

【问题讨论】:

标签: html html5-audio


【解决方案1】:

自动播放不适用于 iOS 和 android。 它们需要某种用户交互来播放音频或视频。

如果您在用户事件(点击/触摸开始)上播放音频,它会正常播放。

如果您没有应该播放的用户事件,我通常会在文档上绑定一个 touchstart 事件,并在我得到的第一个 touchstart 时播放和暂停音频。 然后每当我需要播放音频时,我都会再次播放。 (如果音频通过用户交互播放和暂停一次,您可以在下次无需用户交互的情况下再次播放)。

//play and pause it once
document.addEventListener('touchstart', function () {
    document.getElementsByTagName('audio')[0].play();
    document.getElementsByTagName('audio')[0].pause();
});

//now play whenever you want it to play

【讨论】:

  • 符合用户输入条件的事件似乎在 iOS 版本和您使用的音频 API 之间不一致,因此需要进行实验。 SpeechSynthesis 无法通过我的 iPad 上的 touchstart 启动,但 mousedown 或 click 工作正常。
【解决方案2】:

这是 ui webview 上的一个选项 - 以“媒体”自动播放开头(查看我的帖子,我回答了这个问题的详细信息)。

控制器加载后,加载 html,然后在你的 ui webview 上设置设置。

查看我之前的帖子,我最近正在搜索并想通了。

【讨论】:

  • 为您的帖子添加链接?
猜你喜欢
  • 1970-01-01
  • 2012-08-21
  • 1970-01-01
  • 2011-02-21
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2013-12-19
  • 1970-01-01
相关资源
最近更新 更多