嵌套选项卡界面内的 700 个音频播放器。最佳选项卡代码类型（jquery/ajax/etc）[关闭]

Posted 2023-02-25

【中文标题】嵌套选项卡界面内的 700 个音频播放器。最佳选项卡代码类型（jquery/ajax/etc）[关闭]

【英文标题】：700 audio players inside nested tab interface. Best tab code type (jquery/ajax/etc) [closed]

【发布时间】：2015-04-28 23:34:11

【问题描述】：

现在我们正在构建一个嵌套选项卡界面，实际上将在同一页面上（嵌套在各种选项卡中）有 700 个音频播放器（用于 MP3）。但是，一次只能看到 1 个音频播放器，并且只有在您单击选项卡本身时才可见。

我的问题是，您是否推荐了一种 Tab 语言/代码类型，这样浏览器就不会出现加载问题？换句话说，我们希望标签内容在单击后加载（即动态/响应），而不是事先加载，以免浏览器过载。

另外，我们假设 html5 音频播放器比 Flash 更好？寻找标签和音频播放器的最轻量级选项。

如果重要的话，这是在 wrpdress 网站上。

非常感谢您的帮助！

【问题讨论】：

在这种情况下创建 700 个音频播放器似乎不是最佳解决方案，我宁愿创建一个播放器并将其附加到活动选项卡，当然还有适当的源项目。如果您为此准备 jsfiddle，我可能会正确调整它。

【参考方案1】：

不要这样做。 700个音频播放器没有理由。在不破坏大多数客户端的情况下，您一次不能玩超过 30 个左右。

仅在需要时创建音频元素。

我建议使用 jPlayer 之类的东西，它可以为需要它的客户端提供带有 Flash 后备的 HTML5 音频。

【讨论】：

您是说只要在需要时创建音频元素，我仍然可以使用 700 个标签？您能否扩展一下执行此操作的方法？非常感谢您的帮助。

@user2204095 你使用的是jQuery，所以你可以简单地$(/* target element here */).append($('<audio>').attr('src', 'http://example.com/something.mp3'));