当 Soundcloud html5 小部件被 jQuery 隐藏时，音频暂停

Question

关于THIS site

简介

单击左侧的 Listen 选项卡会显示一个 soundcloud 播放器（实际上是几个，位于可滚动窗格中） 单击播放并检查是否关闭面板（使用 jQuery hide() 方法）也会停止音频。

根据我对 hide() 方法的了解，对象只是隐藏而不是销毁。使用 Firefox 检查器，这似乎是真的，因为我仍然可以在隐藏后查看 soundcloud 播放器的实例。那么为什么音频会暂停呢？

使用的代码

当前影响“抽屉”的 jquery

$(document).ready(function(){
            $(".sctrigger").click(function(){
                $(".scdrawer").toggle("slow");
                $(this).toggleClass("active");
                return false;
             });
            $("#scMain").scrollable({
                  vertical: true,
                 keyboard: 'static',
  }).navigator("#scNavi");

目标

我不想在关闭滑出面板时中断播放。

附加功能，但是最好调用播放器并在页面上保留的 'listen' 选项卡中显示曲目名称和艺术家以及 停止 按钮关闭时

可能的解决方案

如果播放器被销毁，是否有一个 jquery 方法可以隐藏播放器而不是完全删除它？

我感觉一种解决方案是在页面中嵌入播放器代码并使用 soundcloud api 使用我自己的图标等调用函数，但考虑到我的不熟悉和最少的经验，这需要大量的构建时间。 .当我对 html5 小部件非常满意时。

关于附加功能；可以在小部件上使用任何基于 java 的调用来获取跟踪信息吗？

这是我的第一篇博文，如果我没有遵守标准，我深表歉意，并且非常感谢 SO 上的社区。喜欢这个网站。

Answer 1

我无法重现错误（Chrome 19、Ubuntu 上的 Firefox 13）：即使快速点击“收听”选项卡，也可以继续正常播放。

jQuery.hide 确实只是隐藏了您指定的任何容器元素，并且不会触及任何子节点，因此它们绝对不会被破坏。

它是永久暂停，还是只是导致播放暂时中断？如果是后者，问题的一部分可能是浏览器必须执行隐藏动画的额外处理阻止了音频播放？这有点令人惊讶，因为我以前从未见过 javascript/rendering 影响媒体播放。您可以通过从隐藏中移除动画来测试这一点，看看这是否会改变任何东西。

在获取曲目信息或通过自己的调用控制播放方面，您可以使用widget API。要获取曲目信息（即API docs中描述的数据，如标题、艺术品url、用户名等），您可以使用SC.Widget(...).getCurrentSound()