Display tracklists on Mixcloud

Latest Version

Version
5.0.1
Update
August 23, 2024
Size
64.47KiB
Developer
Category
Users
1,000+
Rating
4.6 ★
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
WebRequest
Tabs
Storage
See more

Mixcloud (with) Tracklist Extension

- Displays tracklists for Mixcloud Website.
- Plays any track directly by clicking on its timestamp.
- You can copy tracklist to clipboard.
- You can display tracklists from multiple Mixcloud pages.

General Limitations:
- Tracklists and timestamps are available only when the mix uploader has provided them.
- Don't work on mobile website (m.mixcloud.com). Mixcloud has limited its functionality, encouraging users to migrate to the mobile app. Therefore mobile website version is not scheduled for implementation.

Select Track Playing Limitations
- Playing a track in the media player only works for tracks with an available timestamp.
- You can't launch a new mix from the extension tabs. You must do it through the Mixcloud interface.

Privacy Policy
No personal info is used/collected.

Changelog

5.0.1
Improves accessibility (colors & screen reader behaviour).

5.0.0
Multi-Tab Display: View tracklists from multiple Mixcloud tabs at once with our new Multi-Tab Tracklist feature.
Tech Upgrades: We've upgraded to Vue 3 and Webpack 5 for improved performance and stability.

4.0.0
Technical migration to manifest V3.
Artist and song inverted in tracklist template

3.0.0
Mixcloud (with) Tracklist v3 (Redesign due to Mixcloud breaking changes)
Now Tracklist is displayed in Extension popup

2.3.4
Due to some changes on Mixcloud Website, this extension is currently broken.
Fix release is scheduled for the end of January. See https://github.com/trepDev/mixcloud-with-tracklist/issues/33 for more details.

2.3.3
- Fix WebExtension due to html modifications on Mixcloud website.

2.3.2
- Fix Extension due to modifications made on the website (API url).

2.3.1
- Fix Style with new Mixcloud CSS classes
- Move tracklist button before \"More\" button
- Remove click on track title. It was annoying if you just wanted to highlight it (for instance to copy it)


2.3.0
Mixcloud Website design and GraphQL API has changed (June 2023).
As a result Mixcloud (with) Tracklist Extension is broken.
This version 2.3.0 fixes everything.

2.2.0
- Add copy to clipboard functionality (for Tracklist)

2.1.0
- Fix select track playing feature
- New design for tracklist
- Vuejs under the hood (instead of Mustache)

2.0.0
- Add time display
- Add select track playing feature
- Rework settings (replace tracklist default behaviour by TrackNumber/Time display default behaviour)
- Correct display bugs with select profile

1.0.1
- Fix potential security issue
- Fix display bug on tracklist button
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "Mixcloud (with) Tracklist", "version": "5.0.1", "description": "Display tracklists on Mixcloud", "icons": { "16": "./icons/icon16.png", "32": "./icons/icon32.png", "48": "./icons/icon48.png", "96": "./icons/icon96.png", "128": "./icons/icon128.png" }, "permissions": [ "webRequest", "tabs", "storage" ], "host_permissions": [ "http://*.mixcloud.com/*", "https://*.mixcloud.com/*" ], "background": { "service_worker": "./background_scripts/index.js", "type": "module" }, "content_scripts": [ { "matches": ["*://*.mixcloud.com/*"], "run_at" : "document_end", "js": ["./content_script/index.js"] } ], "action": { "default_area" : "navbar", "default_icon": { "16": "./icons/icon16.png", "32": "./icons/icon32.png", "48": "./icons/icon48.png", "96": "./icons/icon96.png", "128": "./icons/icon128.png" }, "default_title": "Mixcloud (with) Tracklist", "default_popup": "popup/popup.html", "theme_icons": [{ "light": "./icons/icon16-light.png", "dark": "./icons/icon16.png", "size": 16 }, { "light": "./icons/icon32-light.png", "dark": "./icons/icon32.png", "size": 32 },{ "light": "./icons/icon48-light.png", "dark": "./icons/icon48.png", "size": 48 }, { "light": "./icons/icon96-light.png", "dark": "./icons/icon96.png", "size": 96 }, { "light": "./icons/icon128-light.png", "dark": "./icons/icon128.png", "size": 128 }] }, "web_accessible_resources": [ { "resources": [ "onboarding/onboarding-install.html", "onboarding/onboarding-update.html", "onboarding/ext-icon.png", "icons/icon48.png" ], "matches": ["*://*.mixcloud.com/*"] } ]}
Read more

How to download and manually install Mixcloud (with) Tracklist extension for Chrome

Looking for a way to install Mixcloud (with) Tracklist extensions for Chrome, you can search for them in the Chrome Web Store, clicking the "Add to Chrome" button, and following the straightforward process.

However, you may need to install Mixcloud (with) Tracklist extensions manually, this article outlines two simple methods to effortlessly install Mixcloud (with) Tracklist extensions, whether they come as unpacked folders in compressed formats like .zip or as .crx files.

Method 1: Download Mixcloud (with) Tracklist extension and manually install through Drag &Drop

If you ever need to manually install a Mixcloud (with) Tracklist extension for Chrome, don't worry, it's a simple process. Just follow these easy steps, and you will have your extension ready to use in no time.

Step 1: Download the Mixcloud (with) Tracklist Extension by clicking the "Download CRX" button on the website.

Look for the Mixcloud (with) Tracklist extension you wish to install. Go to the website and download the Mixcloud (with) Tracklist extension package, which is usually a .CRX file and comes in a zipped file. Here ".crx" file is the format for Mixcloud (with) Tracklist extension that contains all the data.

Step 2: Extract &Arrange Files

Once the file is downloaded, extract that file into its own folder. Similarly, give that extension files a permanent home. In other words, keep it in a folder that you don't accidentally delete it because these files will be needed to make that extension work.

Step 3: Go to the Chrome Extensions Page

Open Google Chrome and in the address bar, type chrome://extensions; it will open the Google Chrome extensions page. Make sure that "My extensions" is selected in the sidebar.

Step 4: Drag and Drop the Extension

Now, go to the folder where you extracted the Mixcloud (with) Tracklist extension and drag &drop the extension file from there anywhere onto the extension page within Google Chrome.

Step 5: Complete the Installation

Once you drag and drop the extension file, follow the steps that Google Chrome takes you through. Similarly, if the extension file is of .crx file format, you will be required to review the permissions and then add the extension.

Now, you can manage that added extension as you would like to with any other Chrome extension that you added through Chrome Webstore. Its icon will also appear in the Google Chrome Menu on the right side of the address bar once you activate it.

Method 2: Download Mixcloud (with) Tracklist extension for Chrome and install in Developer Mode

This is another method to install Mixcloud (with) Tracklist extension manually, but the twist is that here, you install by enabling the developer mode option provided in Google Chrome. This mode is commonly used for testing extensions or running unpublished tools.

Step 1: Download the Mixcloud (with) Tracklist extension file

Select and download the Mixcloud (with) Tracklist extension by clicking the 'Download CRX' button on the website.

Step 2: Extract the downloaded contents

Convert the file to a ZIP file if it is in CRX format then extract the Mixcloud (with) Tracklist extension zip file or folder that you downloaded. Make sure you extract it using the same folder name and keep it safely in another folder, so you don't delete it by mistake. The extracted folder will be needed to keep your Mixcloud (with) Tracklist extension running.

Step 3: Open Chrome Extension Setting Page

In the address bar of Google Chrome, type chrome://extensions and open the Chrome Extension Page.

Step 4: Enable Developer Mode

After opening the Chrome Extension page, look at the top right side, and you will find the toggle option of "Developer mode."Simply enable that developer mode option.

Step 5: Load the Unpacked Extension

Once you enable the developer mode option, you will see the menu of Load Unpacked, Pack Extensions and Update. From that, select the option "Load unpacked."

Step 6: Select the Extension Folder

Once the pop-up opens upon clicking Load unpacked, select the Mixcloud (with) Tracklist extension directory and click on the "Select Folder "button.

Step 7: Confirm and Install

After you select an extension folder of a Google Chrome extension you're installing manually, confirm its installation for the final time and let the installation complete.

Conclusion

Here we've made a step-by-step guide on How to manually install Mixcloud (with) Tracklist extension in 2 ways. We hope this guide proves helpful.

Similar Extensions

icon

Soundcloud Cleaner Extension · Productivity 1,000+ 8 ★ 38.08KiB

icon

Odesli for Bandcamp Extension · Fun 1,000+ 4 ★ 663KiB

icon

SoundQ Extension · Fun 1,000+ 3 ★ 310KiB

icon

Mixcloud Tracklist Extension · Accessibility 1,000+ 65 ★ 35.61KiB

icon

Bandcamp+ Extension · Productivity 1,000+ 7 ★ 18.58KiB

icon

Beatport Grabber Extension · Fun 1,000+ 1 ★ 137KiB

icon

Discogs Enhancer Extension · Productivity 1,000+ 123 ★ 2.95MiB

icon

Bandcamp Feed Playlist Extension · Productivity 1,000+ 3 ★ 10.29KiB

icon

SoundFilter Extension · Productivity 1,000+ 5 ★ 1.39MiB

icon

Discogs Sort Plus Extension · Productivity 1,000+ 2 ★ 168KiB

icon

SoundCloud Player Extension · Accessibility 1,000+ 28 ★ 83.13KiB

icon

Quick Preview for SoundCloud Extension · Productivity 1,000+ 4 ★ 68.22KiB

icon

Bandcamp Enhancement Suite Extension · Productivity 1,000+ 21 ★ 257KiB

icon

SoundCloud Comments Sort Extension · Productivity 1,000+ 13 ★ 878KiB

icon

SoundCloud ScrollDown Extension · Accessibility 1,000+ 1 ★ 151KiB

icon

Soundcloudiator Extension · Fun 1,000+ 8 ★ 201KiB

icon

GreatDJ Extension · Productivity 1,000+ 5 ★ 27.46KiB

icon

SoundCloud Search Extension · Productivity 1,000+ 35 ★ 166KiB

icon

Fix for SoundCloud Extension · Social & Communication 1,000+ 1 ★ 11.84KiB

icon

BP Top Tracker Extension · Fun 1,000+ 4 ★ 88.27KiB

icon

OrangeCloud Enhancer Extension · Productivity 1,000+ 4 ★ 669KiB

icon

Bandcamp Streamer Extension · Fun 1,000+ 15 ★ 683KiB

icon

Open SoundCloud Coverart Extension · Productivity 1,000+ 16 ★ 4.42KiB

icon

TrackCheck for SoundCloud Extension · Productivity 1,000+ 50 ★ 125KiB

User reviews

icon

Andrey Mor (ID: 00000057848c358e) Voted 5 ★ - Updated 06/30/2023 WORKS GREAT

icon

Dmitry Komarov (ID: 0000009b933c2e23) Voted 5 ★ - Updated 10/15/2021 works!

icon

Pedro Estrela (ID: 0000001cd29e35e0) Voted 5 ★ - Updated 10/03/2020 works great as of 3 Oct 2020 really useful to rewind and see the tracklist (either automatically generated, or manual)

icon

Chaos Divine (ID: 000000b479898e05) Voted 2 ★ - Updated 12/01/2019 It works 1 out of 50 occasions.

icon

Acid (ID: 0000004cd31f1936) Voted 5 ★ - Updated 09/18/2019 Neat! Orderly listed, with time stamp. works with current version (september 2019). Thank you for this, and keep up the great work ^_^