LightNews LightNews
banner
mtoc.app
@mtoc.app
9 followers 5 following 20 posts
Visually-rich local music library app for Linux
by @3fz.org
https://flathub.org/en/apps/org._3fz.mtoc
Posts Replies Media Videos
mtoc.app
Patch notes: mtoc 2.3.3
- Fixes a bug in the Flatpak build where the album art thumbnails didn't appear in MPRIS system media player widgets.
- Improved case-insensitive artist grouping and search results.
- Light/dark theme now switches without restarting the app when in "system" mode.
Screenshot of the system tray media player widget on KDE plasma, showing the album art, progress bar, and playback controls. Now playing: Dream Theater, Octavarium
October 27, 2025 at 8:50 AM
mtoc.app
mtoc 2.3.2, coming today, includes a new context menu with playback controls and a playlist picker for the system tray.
screenshot of a system tray context menu, showing playback controls, shuffle and repeat toggles, and a playlists menu
October 21, 2025 at 4:02 AM
mtoc.app
The result is subtle but creates good contrast at the edges of containers with a variety of contents: important for an interface that's entirely drawn on a "translucent" frosted glass effect. github.com/asa-degroff/...
mini player showing the effect
October 15, 2025 at 12:11 PM
mtoc.app
The effect: the composite layer has the blur applied (the blur radius is 64, the code may be a bit sloppy here from past experimentation). The opacity transition is set to 300ms inOutQuad for a smooth look. This effect is purely decorative, so the animation duration doesn't slow down the UX.
ShaderEffectSource { id: textureSource1 anchors.centerIn: parent width: compositionLayer1.width height: compositionLayer1.height sourceItem: compositionLayer1 visible: false live: true hideSource: true } MultiEffect { id: effect1 anchors.centerIn: parent width: textureSource1.width height: textureSource1.height source: textureSource1 blurEnabled: true blur: Math.min(1.0, root.blurRadius / 256.0) blurMax: 64 visible: sourceImage1.status === Image.Ready || sourceImage1.status === Image.Loading opacity: root.currentImageIndex === 0 ? root.backgroundOpacity : 0 autoPaddingEnabled: false Behavior on opacity { NumberAnimation { duration: 300 easing.type: Easing.InOutQuad } } } }
October 15, 2025 at 12:11 PM
mtoc.app
The album art image: this is then placed on top of the black layer with 40px margins all around (centering it within the black rectangle). The size is capped at 512px (cropped to fit parent aspect ratio) for efficiency (smaller can make it look chunky, but anything larger will get blurred anyway).
Image { id: sourceImage1 anchors.fill: parent anchors.margins: 40 fillMode: Image.PreserveAspectCrop cache: false // Don't cache blurred backgrounds asynchronous: true source: root.image1Source sourceSize.width: 512 sourceSize.height: 512 onStatusChanged: { if (status === Image.Error) { console.warn("BlurredBackground: Failed to load image:", source); } } } }
October 15, 2025 at 12:11 PM
mtoc.app
Setup: source check, anchor to parent, clip: true. This sets the result to match the size of the parent container.
Composition layer with black padding: this is key to the subtle edge falloff. Another layer is created, 80px larger in both dimensions than the base layer, and filled with black.
// Only create the image and blur effect if we have a valid source Loader { id: imageLoader anchors.fill: parent active: root.source != "" || root.image1Source != "" || root.image2Source != "" z: 1 sourceComponent: Item { anchors.fill: parent clip: true // Clip the overflowing content // Image layer 1 Item { id: imageLayer1 anchors.fill: parent // Composition layer with black padding Item { id: compositionLayer1 anchors.centerIn: parent width: parent.width + 80 height: parent.height + 80 visible: false Rectangle { anchors.fill: parent color: "black" }
October 15, 2025 at 12:11 PM
mtoc.app
First: why two layers? During animated opacity transitions, both images will be visible for the duration of the transition. This achieves the effect smoothly without transitioning to a solid color in between images. Loading them as two layers and changing the sources makes this easy.
// Handle source changes and trigger crossfade onSourceChanged: { if (source != "") { // Update the non-visible layer with the new source if (currentImageIndex === 0) { // Layer 1 is visible, update layer 2 // Clear the old source first to release memory if (image2Source != "") { image2Source = "" } image2Source = source } else { // Layer 2 is visible, update layer 1 // Clear the old source first to release memory if (image1Source != "") { image1Source = "" } image1Source = source } // Toggle to the layer with the new image currentImageIndex = 1 - currentImageIndex } else { // Source is empty, clear both images to show black background image1Source = "" image2Source = "" currentImageIndex = 0 } }
October 15, 2025 at 12:11 PM
mtoc.app
Code vibe check: blurred background with edge brightness falloff. This effect is used wherever there's a blurred background derived from the album art: separate instances for the library pane and now playing pane/compact now playing bar, and in the mini player. 🧵
mtoc main window showing the blurred background effect
October 15, 2025 at 12:11 PM
mtoc.app
Out today: mtoc 2.3. This update adds support for displaying lyrics, and a new file watcher enabling automatic library updates.
mtoc 2.3 promotional banner featuring a screenshot of the app showing the main window with library and lyrics displayed, "Get it on Flathub" badge, and the following text: New in 2.3 Lyrics: embedded and external, synced lyrics with line highlighting and click-to-seek File Watcher: fast, automatic library updates when adding and removing files from your music directory New Settings Options: minimize to tray, single-click to play tracks
October 14, 2025 at 12:41 AM
mtoc.app
Hello world! This is the official account for mtoc, a music player and library browsing app for Linux. Stay tuned for feature highlights, release notes, and development progress. mtoc aims to create a polished, visually-pleasing music experience with album art in the spotlight. Find it on Flathub.
screenshot of the mtoc main window, showing the library and now playing screens
October 5, 2025 at 5:04 AM