【问题标题】:Shoutcast | Jquery | Passing Variables呐喊声 | jQuery |传递变量
【发布时间】:2014-10-21 23:55:38
【问题描述】:

我正在使用一个直播库从我的服务器检索流信息,包括当前播放的歌曲、最近播放的 10 首歌曲等。一切正常。

下面是jQuery用来拉取当前播放歌曲的代码

<script>
        $.SHOUTcast({
            host : 'live.soundcheck.xyz',
            port : 8000,
            interval : 5000,
        }).stats(function(){
            $('#songtitle').text(this.get('songtitle'));
        });
    </script>

上面的代码将歌曲标题放入名为“#songtitle”的元素中。

===========

我想做的是将歌曲标题放入页面上的 LED 滚动条中。这是默认滚动条的代码。

<embed src="http://www.satisfaction.com/led-scroller-generator/show.swf?       baseURL=http://www.satisfaction.com/led-scroller-generator/&clickURL=http://www.satisfaction.com/led-scroller-generator/&clickLABEL=LED Scroller Generator&flashLABEL=Satisfaction.com&delaySpeed=10&transID=0&str=(+ $track +)&bgColor=0&symbolX=9&w=3&h=3&pointType=point&glowColor=16711680&designNum=1" quality="high" bgcolor="#ffffff" width="219" height="35" name="show" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />

上面代码的一个sn-p显示

&str=(+ $track +)&bgColor=0&symbolX=9&w=3&h=3&pointType=point&glowColor=16711680&designNum=1"

我需要能够从 jQuery 将一个变量传递给上面的 'str='。如果我说 str=HELLO,LED 将滚动 HELLO。我希望 LED 滚动当前正在播放的歌曲,可以从 jQuery 中检索到。我想要类似 str=variable 的东西(因为歌曲总是不同的)

希望这不会令人困惑,谢谢!

问候,

【问题讨论】:

  • 您需要对在查询字符串中传递的 URL 进行 URL 编码,然后对整个内容进行编码以便在 HTML 中使用。从您的 sn-p 中,我不清楚 URL 是什么,以及您需要编码什么才能插入到哪里。

标签: jquery shoutcast


【解决方案1】:

首先给你的嵌入一个 id:

<embed id='myEmbeddedObj' ... >

然后将其设置为一些不会出错的无害良性设置并使用.attr()

你在哪里

$('#songtitle').text(this.get('songtitle'));

在您引用的上述脚本中,替换为:

$("#myEmbeddedObj")[0].prop("baseURL") = "http://www.satisfaction.com/led-scroller-generator/&clickURL=http://www.satisfaction.com/led-scroller-generator/&clickLABEL=LED Scroller Generator&flashLABEL=Satisfaction.com&delaySpeed=10&transID=0&str=(" + this.get('songtitle') + ")&bgColor=0&symbolX=9&w=3&h=3&pointType=point&glowColor=16711680&designNum=1";

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2012-07-02
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-12-02
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多