@mtoc.app

@mtoc.app

20 Followers 7 Following

Visually-rich local music library app for Linux https://mtoc.app Lead developer: @3fz.org https://flathub.org/en/apps/org._3fz.mtoc

Screen capture of mtoc music player showing the user interacting with the history list and queue list, which animate in from the sides of the album art in the now playing interface.
promotional banner for the mtoc 2.5 release. It features a wavy purple background, a screenshot of mtoc (music player app) displaying the library and now playing interfaces, and the text: mtoc 2.5 New in 2.5: - Favorites - Improved drag-and-drop lists - Playlists, Album, and Discography Shuffle options in context menus - Additional bug fixes
Screen capture video showing the favorites, lyrics, and queue buttons in a music player app. The heart outline is clicked and changes to a filled heart with a purple tint.
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
screenshot of a system tray context menu, showing playback controls, shuffle and repeat toggles, and a playlists menu
mini player showing the effect
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 } } } }
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); } } } }
// 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" }
// 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 } }
mtoc main window showing the blurred background effect
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
screenshot of the mtoc main window, showing the library and now playing screens