【问题标题】:Feature request: Making the API show profile thumbnails when there are no track thumbnails功能请求:在没有曲目缩略图时使 API 显示个人资料缩略图
【发布时间】:2014-09-23 13:13:17
【问题描述】:

这是 SOUNDCLOUD CREW 的功能请求(因为他们没有通过 api@soundcloud.com 回复)

与 SoundCloud 本身一样,API 能否在没有可用的曲目缩略图时显示配置文件缩略图?

这样,当通过 Embedly 或类似方式嵌入 SoundCloud 曲目时 - 即。 http://jsbin.com/kezonutoroma/1/edit -- 人们不必面对那些空的占位符图像。

https://soundcloud.com/oembed?url=https://soundcloud.com/liv-lykke/andres-haender&format=xml

<thumbnail-url>http://a1.sndcdn.com/images/fb_placeholder.png</thumbnail-url>

应该是:

<thumbnail-url>http://i1.sndcdn.com/avatars-000036988237-o1ck0r-t500x500.jpg</thumbnail-url>

【问题讨论】:

    标签: soundcloud


    【解决方案1】:

    这是一个静态的、更老套的解决方案:

    var defaultimg = 'http://i1.sndcdn.com/avatars-000036988237-o1ck0r-t500x500.jpg';
    
    $('div a').embedly({
      key: '7c6cf67ad409446cacd53309d96b66a0',
      query: {
        maxwidth: 500,
        autoplay: true
      },
      display: function(data, elem){
        $(elem).html('<img src="'+defaultimg+'"/>');
    
        $(elem).addClass('play')
          .append('<span />')
          .width(data.thumbnail_width)
          .height(data.thumbnail_height)
          .find('span')
          .css('height', data.thumbnail_height)
          .css('width', data.thumbnail_width);
      }
    }).on('click', function(){
      var data = $(this).data('embedly');
      $(this).replaceWith(data.html);
      return false;
    });
    

    http://jsbin.com/qovirepoyoto/1/edit

    我建议通过对用户端点的 API 调用来获取默认图像。

    希望这对您有所帮助。

    【讨论】:

    • 你能想出一种方法来使这种动态化吗? SoundCloud 曲目只是众多曲目之一。
    • 只需使用普通用户端点,因为您需要在 developer.soundcloud.com 创建一个应用程序 - 至少获取客户端 ID。如果您有客户端 ID,则可以进行 api 调用。
    • 对不起,我对这些插件一无所知。检索用户个人资料图片的一种方法可能是:jsfiddle.net/iambnz/mau9s80w
    • SoundCloud-API-jQuery-plugin 已于 4 年前更新。关于默认 API 行为,我是错误的联系人 - 我不为 soundcloud 工作。
    • 通过回答这个问题:stackoverflow.com/questions/26066587/… - 这个功能更多的是内置的。当你调用一个轨道时,你总是会在用户对象中找到默认的 avatar_picture。但我不知道如何直接用oembed实现它。
    猜你喜欢
    • 2011-08-11
    • 2011-10-01
    • 2011-12-02
    • 2023-03-09
    • 2013-06-07
    • 1970-01-01
    • 1970-01-01
    • 2016-12-24
    • 1970-01-01
    相关资源
    最近更新 更多