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