在mobilesafari webapp中嵌入html5 <audio>。是否可以在模态播放器中加载图像代替quicktime徽标？</audio>

Question

我无法找到解释这是否可行的资源。这里有Apple文档

https://developer.apple.com/library/content/documentation/AudioVideo/Conceptual/Using_HTML5_Audio_Video/AudioandVideoTagBasics/AudioandVideoTagBasics.html#//apple_ref/doc/uid/TP40009523-CH2-SW1

...没有提到这些功能。

我还尝试使用<embed>标记嵌入音频，该标记会提取相同的模态快速播放器。

有没有办法做到这一点或者另外 - 有没有办法在iphone webapp中播放音频文件而无需打开模态外部播放器？

Answer 1

通过使用Apple的mediafilesegmenter命令行工具为“HTTP Live Streaming”准备一个mp3，我找到了实现此功能的解决方法 - Apple的新协议用于通过HTTP传输流媒体。

更多信息： http://developer.apple.com/iphone/library/documentation/NetworkingInternet/Conceptual/StreamingMediaGuide/Introduction/Introduction.html#//apple_ref/doc/uid/TP40008332-CH1-DontLinkElementID_29

使用参数 --audio-only --meta-file poster.png --meta-type picture 您可以创建一个mp3流，在播放音频时在外部quicktime播放器中显示poster.png图像。

Answer 2

您可以使用jQuery MP3插件 jPlayer 播放内联音频。

演示（试试iPhone）：http://happyworm.com/jPlayerLab/single-page-app/#first

Answer 3

我不知道任何这样的定制能力。您也许可以添加一些完全隐藏<audio>元素的脚本，并根据您的选择提供其他JavaScript交互控件。