Soundcloud 自定义播放器暂停播放器答案

【问题标题】：Soundcloud Custom Player Pause PlayerSoundcloud 自定义播放器暂停播放器
【发布时间】：2011-11-09 07:12:17
【问题描述】：

如何暂停 Soundcloud 自定义播放器 (http://developers.soundcloud.com/docs/custom-player)？我有一个带有音频播放器的大单页。当用户导航到页面的不同部分时，URL 中的哈希值会发生变化。哈希更改时如何暂停 Soundcloud 自定义播放器？

我试过$(".sc-player").pause()，但它并不总是有效。我正在寻找它在桌面和移动设备上工作。似乎桌面使用隐藏的 SWF 文件，而移动使用音频元素。

感谢任何帮助！

【问题讨论】：

您有页面示例吗？如果页面上有多个音频播放器， $(".sc-player").pause() 可能不起作用，因为您可能针对多个音频播放器实例。在哈希更改时暂停方面，您是否尝试过将当前 URL 存储在 JS 变量中并监视它的更改？
我想我可以收听 hashchange 事件，但是有没有其他方法可以停止/暂停音频播放器？有 stopAll() 方法吗？
不太确定...如果您想暂停所有播放器并且没有可用的方法可以这样做，您总是可以一个一个地遍历它们：$(".sc-player" ).each(function() { $(this).pause(); });

标签： javascript jquery soundcloud

【解决方案1】：

$('.sc-player.playing a.sc-pause').click();

【讨论】：

【解决方案2】：

我偶然发现了这一点（在 jsFiddle 页面上进行了测试，它暂停了播放器）。

在此页面上的代码中，我做了一点补充： http://jsfiddle.net/aj3Pw/1/

在 HTML 中，我添加了一个“暂停”按钮：

<button id="pause">Pause</button>

然后在 JS 的底部，我用“sc.pause()”添加了一个事件监听器，它起作用了：

document.getElementById('pause').addEventListener('click', function() { sc.pause();

希望这会有所帮助！

【讨论】：