我想为我的 HTML5 播放器隔离“播放”、“暂停”和“停止”功能。我想把它们放在我主页上的随机位置（即，停在左上角，在右下角播放，在页面中间暂停）。我还希望能够隔离跟踪器。因此，例如，将跟踪器放在页面的左下角。
谁能告诉我隔离其中一个控件需要什么？因此，例如，“如果用户单击 div 中的任意位置，“右下角”，音频将开始“播放”。左下角的跟踪器将开始跟踪，停止和暂停按钮将转到就绪状态……
问问题
618 次
1 回答
2
我不相信您可以通过 CSS 或 JavaScript 影响浏览器的本机音频播放器的控件，至少在您想要的范围内。因此，您需要从音频标签中省略 controls 属性（这将为您提供一个没有控件的播放器）并自己编写控件和控件背后的逻辑。
本教程应该为您提供足够的入门知识。但是，您应该注意，根据您需要的功能级别，这可能不是一项简单的任务。
您还可以考虑寻找支持您所需的 UI 自定义级别的第三方库。我自己没有使用过它，但听说过有关audio.js的好消息。
[编辑]
这个HTML5 音频测试套件作为音频元素 API 的摘要非常方便，并为列出的每个属性和事件提供了指向 W3 规范中相应条目的链接，尽管我希望各种支持不一致支持 HTML5 音频的浏览器。
我创建了这个小提琴，它演示了一个由一组非常基本的自定义控件控制的 HTML5 音频播放器（仅在最新版本的 Chrome 中测试）。
于 2012-04-24T23:53:38.657 回答