1

关于网站

简介

单击左侧的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");

目标

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

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

潜在的解决方案

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

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

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

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

4

1 回答 1

0

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

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

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

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

于 2012-06-08T03:10:27.003 回答