elsbree

We actually discontinued the visualizer, as it was no longer supported by most browsers. I’m not aware of any issues on Chrome. Can you send me a link to a page where it isn’t working on Chrome?

Do you have an example page where I could see this issue? There are a lot of things that could cause conflicts, so that would help me debug.

Thanks for responding, paperkawaii! We don’t have a built-in way to do this, so it’s great to see that you found a solution.

You can use private tracks, but you have to use the ‘Share’ link of the track, not just the URL of the track on SoundCloud. If you click the ‘Share’ button under a track, you should see a link to the song with some random characters at the end- that’s the link you’ll want to use for our player.

As for removing the SoundCloud logo, that’s against their terms of service. They (understandably) want to make sure that people see their branding any time they play music from SoundCloud.

You can remove the ‘Buy’ button by setting a track to be non-downloadable.

Let me know if you have any more questions.

Hi Tessa,

Unfortunately, I don’t really have any experience working with WordPress themes. You might need to try using raw Javascript instead of the shortcode- could you try putting this snippet in your HTML?

<div id="player"></div>
<script>
    (function() {
        var script = document.createElement("script");

        script.type = "text/javascript";
        script.async = true;
        script.src = "//sd.toneden.io/production/toneden.loader.js"

        var entry = document.getElementsByTagName("script")[0];
        entry.parentNode.insertBefore(script, entry);
    }());

    ToneDenReady = window.ToneDenReady || [];
    ToneDenReady.push(function() {
        // Modify the dom and urls parameters to position
        // your player and select tracks/sets/artists to play.
        ToneDen.player.create({
            dom: "#player",
            urls: [
                "https://soundcloud.com/giraffage"
            ]
        });
    });
</script>

The shortcode should be in either the visual or raw sections of your post. Here’s a relevant forum issue that you can check out: https://www.ads-software.com/support/topic/shortcodes-not-working?replies=7

Let me know if it still doesn’t work after trying the solutions there.

It looks like your embed script is commented out on the New Earth Records site. I see this:


<script type="text/javascript">// <![CDATA[ (function() {var script = document.createElement("script");
....


The // makes a comment in Javascript, which means that everything on the line after it will be ignored. You can either get rid of the whole // <![CDATA[ section, as well as the // ]]> at the end of the line, or you can put the // <!CDATA[ on the line before the rest of the code.

In other words, a simple solution should just be to make the code look like

<script type="text/javascript">// <![CDATA[
(function() {var script = document.createElement("script");
......


I hope that helps!

I don’t see the code in the test page- are you still having this issue?

I just tested the player in 4.1 on my own site, and it appears to be working. Did you make sure you’re in ‘Text’ editing mode when you entered the shortcode and the div for the player?

This is what my editor currently looks like: https://snag.gy/727E3.jpg

If you have a test page online that I could look at, it would help me debug the problem.

That’s very odd. I’m going to look into it this weekend- the problem may be due to the new WordPress version that was recently released.

Hi,

Sorry to hear that. Are you seeing the same issue as https://www.ads-software.com/support/topic/player-just-returning-code-not-actual-player?

I’ll be working on a fix this weekend.

Woops. That was meant to be a link to this GitHub issue: https://github.com/ToneDen/toneden-sdk/issues/35

See . It appears that Apple prevents sites from loading or playing audio, unless the user initiates the load directly via an interaction. I suspect that’s the cause of this bug- I’m not sure if there is a way around it, unfortunately.

I’ve never tested the player on an iPad, to be honest. I’ll try to reproduce and see what we can do to fix this. Thanks for pointing this out!

Sorry for not responding sooner- I didn’t know this forum existed until now!

You can install the plugin like you would with any other WordPress plugin- through the ‘Plugins’ menu on your dashboard.

Once you’ve installed the plugin, you can use it by placing code like this in a post:

<div id="playerContainer">player will render here</div>

[tonedenplayer dom="#playerContainer" skin="light" visualizertype="waves"]https://soundcloud.com/flume/sintra[/tonedenplayer]

The first line with the <div> tags just adds an invisible placeholder to your post, with an id of “playerContainer”. You need to add this so that later you can tell the player to appear in that placeholder. Put this placeholder where you want your player to be displayed.

The second line is what tells the player how, where, and what to display. The part that says dom="#playerContainer" tells the player to appear in the HTML element that has an id of “playerContainer”.

The part that says skin="light" tells the player to use the “light” skin. You can customize the player by changing “light” to either “dark”, “mojave”, or “aurora”.

visualizerType="waves" means that the player will use the “waves” visualizer. You can change this to “bars” to show the bars visualizer, or “none” to hide the visualizer. Note that the visualizer only works in Chrome at the moment.

The most important part of the shortcode is the text between the [tonedenplayer] and [/tonedenplayer] tags. It says “https://soundcloud.com/flume/sintra”, which is the SoundCloud URL of the song this player will play. You can change this to be whatever song URL you like, or you can play multiple songs by separating them by commas, like [tonedenplayer]https://soundcloud.com/flume/sintra,https://soundcloud.com/mutantbreakz/mutantbreakz-cocaine-original[/tonedenplayer]. You can also copy in the URL of an artist to play that artist’s songs, like [tonedenplayer]https://soundcloud.com/liquidcomplex[/tonedenplayer].

Let me know if you need any more help setting up the player.