在javascript中SHOUTcast元数据

时间:2015-07-17 22:10:19

标签: javascript angularjs mean-stack shoutcast

我在互联网广播电台的前端工作,他们正在广播SHOUTcast流。我已经有了音频,我只需要一种简单可靠的方式来显示页面上的元数据。我使用MEAN堆栈运行整个事情,所以如果有人有一个适合该框架的答案,那将是更好的。

1 个答案:

答案 0 :(得分:1)

这里有一些我掀起的东西。它使用shoutcast的json-p结果,因此可以在客户端完成而没有任何CORS问题等



function doSomething(obj) {
    document.getElementById('shout').textContent = obj.songtitle;
}

var getShout = (function() {
    var script;

    return function shout(fn, sc, sid) {
        if (script) {
            document.body.removeChild(script);
        }
        script = document.createElement('script');
        script.src = sc + 'stats?json=1&callback=' + fn + '&sid=' + sid + '&rand=' + Math.random();
        document.body.appendChild(script);
    };
}());

document.getElementById('eatme').addEventListener('click', function() {
    getShout('doSomething', 'http://s2.radioboss.fm:8024/', 1)
});

<input id="eatme" type="button" value="press me" />
<div id="shout"></div>
&#13;
&#13;
&#13;