网站上的音频 - 跨浏览器和 iPhone 上的工作 - 带有提示

Posted 2023-02-25

【中文标题】网站上的音频 - 跨浏览器和 iPhone 上的工作 - 带有提示

【英文标题】：Audio on website - working crossbrowser AND on iPhone - with cues

【发布时间】：2014-01-09 22:57:24

【问题描述】：

我一直在疯狂搜索，但找不到任何适合我知识水平的东西。

我需要在我的网站上播放长 (mp3/ogg) 音频文件，并且我需要某种方式让访问者点击链接/按钮，从而将播放头移动到特定位置。

将音频分开不是最佳解决方案，因为它需要无缝播放而不会中断。所以我需要可以被访问者调用/激活的 ID-/Chapter-points 或 CUE-points 之类的东西。并且我希望它可在（相当新的）浏览器上使用，包括 iPhone/iPad 上的 Safari。

html track Tag 看起来很有希望，但根据 W3schools 的说法，Safari 不支持它 - 这使得 iPad/iPhony 无法使用。

所以我希望有人可以指导我学习一个有用的教程——最好是入门级的。

谢谢

【参考方案1】：

我找到了答案！

我找到了一种通过名为 cuepoint.js 的 javascript/jquery-plug-in 使用提示点的方法。所以在这里希望其他用户可能会发现相同的灵魂可用:-)

Cuepoint.js 允许您向 HTML5 视频和音频添加和定义提示点（和字幕）。

（以前的链接是http://cuepoint.org/，但现在已经无处可去。但谷歌搜索 cuepoint.js 仍然会产生可用的结果）

【讨论】：

虽然此链接可能会回答问题，但最好在此处包含答案的基本部分并提供链接以供参考。如果链接页面发生更改，仅链接的答案可能会失效。