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

当Soundcloud html5小部件被jQuery隐藏时,音频暂停,jquery,html5-audio,soundcloud,Jquery,Html5 Audio,Soundcloud,关于场地 简介 点击左侧的Listen选项卡,可以看到soundcloud播放器(事实上,在可滚动的窗格中有几个) 单击play并检查关闭面板(使用jQuery hide()方法)是否也会停止音频 根据我对hide()方法的了解,对象只是隐藏的,没有被破坏。使用firefoxs inspector,这似乎是正确的,因为我仍然可以在隐藏后查看soundcloud播放器的实例。那么为什么音频会暂停呢 旧代码 当前影响“抽屉”的jquery $(document).ready(function(){

关于场地

简介 点击左侧的Listen选项卡,可以看到soundcloud播放器(事实上,在可滚动的窗格中有几个) 单击play并检查关闭面板(使用jQuery hide()方法)是否也会停止音频

根据我对hide()方法的了解,对象只是隐藏的,没有被破坏。使用firefoxs inspector,这似乎是正确的,因为我仍然可以在隐藏后查看soundcloud播放器的实例。那么为什么音频会暂停呢

旧代码 当前影响“抽屉”的jquery

$(document).ready(function(){
            $(".sctrigger").click(function(){
                $(".scdrawer").toggle("slow");
                $(this).toggleClass("active");
                return false;
             });
            $("#scMain").scrollable({
                  vertical: true,
                 keyboard: 'static',
  }).navigator("#scNavi");
目标 我不想在关闭滑动面板时中断播放打开

附加功能,但最好是调用播放器,并在“收听”选项卡中显示曲目名称和艺术家以及一个停止按钮,关闭后该按钮仍保留在页面上

潜在解决方案 如果玩家正在被销毁,是否有jquery方法可以隐藏玩家而不是将其完全删除

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

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


这是我的第一篇帖子,如果我没有遵守标准,我深表歉意&这是对社区的巨大感谢。我喜欢这个网站。

我无法重新创建错误(Ubuntu上的Chrome 19、Firefox 13):即使快速点击“收听”选项卡,播放仍能正常进行

实际上,jQuery.hide只隐藏您指定的任何容器元素,不涉及任何子节点,因此它们肯定不会被破坏

它是永久性地暂停,还是仅仅导致播放中的短暂中断?如果是后者,问题的一部分可能是浏览器执行隐藏动画所需的额外处理阻止了音频播放?这会有点令人惊讶,因为我以前从未见过javascript/渲染影响媒体播放。您可以通过从隐藏中删除动画来测试这一点,以查看这是否会更改任何内容


在获取曲目信息或通过自己的通话控制播放方面,您可以使用。要获取曲目信息(即中描述的数据,如标题、图片url、用户名等),您可以使用
SC.Widget(…).getCurrentSound()

可能能够测试抽屉是否显示以及播放器是否处于播放模式,如果为真,则重新调用播放功能?感谢Nick的详细分析和回复。我明白你的意思了,Int-explorer不会引起同样的问题。也许jQuery很忙,或者我打开了太多选项卡。随着网站的发展,我将对此进行进一步测试。因此,为了澄清跟踪数据方面的问题,我将使用var$trackname=SC…getCurSound创建一个var,然后使用$append()将此数据添加到选项卡中指定的div?我会有一个剧本,看看它能带给我什么。谢谢,所以我起草了以下代码:感谢Nick的详细分析和回复。我明白你的意思了,Int-explorer不会引起同样的问题。也许jQuery很忙,或者我打开了太多选项卡。随着网站的发展,我将对此进行进一步测试。因此,为了澄清跟踪数据方面的问题,我将使用var$trackname=SC…getCurSound创建一个var,然后使用$append()将此数据添加到选项卡中指定的div?我会有一个剧本,看看它能带给我什么。谢谢,#其他问题的结果#