12

Is there a way I can hide comments by default on SoundCloud?

I saw the plugin for Chrome but I don't always use Chrome. Is there a better solution than that?

5

Updated 1-26-15

Here's a tampermonkey/greasemonkey script that disables comments in Soundcloud new and classic view:

// ==UserScript==
// @name           SoundCloud - Hide comments
// @description    Hides comments on tracks
// @include        http*://soundcloud.com/*
// @require        http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js
// ==/UserScript==

$("<style type='text/css'>"+ 
  ".waveformComments{ display:none !important;}" + 
  ".commentBubble__wrapper{ display:none !important;}" + 
  ".commentPopover{ display:none !important;}" + 
  ".waveform__layer.waveform__scene canvas:nth-child(2){ opacity:0 !important;}" +
  "</style>").appendTo("head");
| improve this answer | |
5

No there is no better solution currently than using a plugin or manually clicking the disable comments button.

Or you can use this userscript SoundCloud - Hide Comments

This one, which is similar, does not work SoundCloud Hide Comments

| improve this answer | |
1

The answer/script by phwd works well also, but you can short-hand it with:

$('.player').addClass('no-comments');

I tested in Chrome and Firefox (using the console).

| improve this answer | |
0

It seems Soundcloud did a partial redesign. I had to add this line to the answer from y3sh to get rid of the main comments section.

".commentsList{ display:none !important;}" +

Final solution includes y3sh's original.

// ==UserScript==
// @name           SoundCloud - Hide comments
// @description    Hides comments on tracks
// @include        http*://soundcloud.com/*
// @require        http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js
// ==/UserScript==

/* globals $ */

$("<style type='text/css'>"+
  ".waveformComments{ display:none !important;}" +
  ".commentBubble__wrapper{ display:none !important;}" +
  ".commentPopover{ display:none !important;}" +
  ".waveform__layer.waveform__scene canvas:nth-child(2){ opacity:0 !important;}" +
  ".commentsList{ display:none !important;}" +
  "</style>").appendTo("head");
| improve this answer | |

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.