---
title: "Discussion on \"How I Built a Music Player to Showcase my own Tracks 🎵😍\" | Hashnode"
description: "Discussion on \"How I Built a Music Player to Showcase my own Tracks 🎵😍\". A while ago I built my portfolio and I wrote a custom audio player to showcase my tracks. Since then quite a few people have been interested in its technical implementation. I've always replied I might write a full-length tutorial for it, yet the str..."
url: "https://hashnode.com/posts/how-i-built-a-music-player-to-showcase-my-own-tracks/6280cbd9bc9305ec39364987"
---

[Feed](https://hashnode.com/feed) /

Discussion

# [How I Built a Music Player to Showcase my own Tracks 🎵😍](https://madza.hashnode.dev/how-i-built-a-music-player-to-showcase-my-own-tracks?utm_source=hashnode&utm_medium=feed)

A while ago I built my portfolio and I wrote a custom audio player to showcase my tracks. Since then quite a few people have been interested in its technical implementation. I've always replied I might write a full-length tutorial for it, yet the str...

May 15, 2022 · 31 min read · madza.hashnode.dev  
Read the article

-   [#thw-web-apps](https://hashnode.com/tag/thw-web-apps)
-   [#web-development](https://hashnode.com/tag/web-development)
-   [#web-design](https://hashnode.com/tag/web-design)
-   [#reactjs](https://hashnode.com/tag/reactjs)
-   [#music](https://hashnode.com/tag/music)

## Written by

[Madza](https://hashnode.com/@Madza)

@Madza

  
[View profile](https://hashnode.com/@Madza)

Tools. 🛠 Resources. 📚 All things productivity. 🎯🚀💯

## Responses 8

Markdown supported · ⌘↵ to post

[David Rone](https://hashnode.com/@david733)

[Dec 3, 2022](https://hashnode.com/posts/how-i-built-a-music-player-to-showcase-my-own-tracks/6280cbd9bc9305ec39364987/comment/638af63aafa1e687fea3b47c)

Thanks for sharing, I found a lot of good ringtones in [here](https://kayhinmusic.com/)

[David Rone](https://hashnode.com/@david733)

[Dec 3, 2022](https://hashnode.com/posts/how-i-built-a-music-player-to-showcase-my-own-tracks/6280cbd9bc9305ec39364987/comment/638af614afa1e687fea3b475)

I like your article very much, it gives me very useful knowledge if you are looking for free phone ringtones that will make you happy, please visit here: [https://nhacchuong68.com/](https://nhacchuong68.com/)

[June Dark](https://hashnode.com/@JuneDark)

[Sep 25, 2022](https://hashnode.com/posts/how-i-built-a-music-player-to-showcase-my-own-tracks/6280cbd9bc9305ec39364987/comment/63300b053ac18d0d78a03133)

That's pretty interesting, thanks for the post! And as for your own music - it's actually good, you did a great job. Have you thought of uploading it on popular streaming services in order for it to get more recognition? I mean, it's not a problem to download your music with services like [Mp3Juice](https://mp3juice.tel/) but don't you want it to be monetized? I think you should really think of it because what you do is really good.

[PxlSyl](https://hashnode.com/@PxlSyl)

[Sep 14, 2022](https://hashnode.com/posts/how-i-built-a-music-player-to-showcase-my-own-tracks/6280cbd9bc9305ec39364987/comment/63215df607b360723689c7c3)

Hi Madza! Thanks for this, it's the best looking audioplayer I found, and amazing features as well! That being said, I re-wrote it all with Typescript, and I plan to release a npm package React version and a Next version as well (no additionnal loader needed :)) I added two new features : a rotating cover image when user hit play, and a download button. Let me know if some people are interested!

[Madza](https://hashnode.com/@Madza)

[Sep 14, 2022](https://hashnode.com/posts/how-i-built-a-music-player-to-showcase-my-own-tracks/6280cbd9bc9305ec39364987/comment/63215df607b360723689c7c3#reply-632185f85483096daa0aa6aa)

Thanks for checking the tutorial, glad you found it useful 😉👍

[Manan Chawla](https://hashnode.com/@mananchawla2005)

[May 21, 2022](https://hashnode.com/posts/how-i-built-a-music-player-to-showcase-my-own-tracks/6280cbd9bc9305ec39364987/comment/6288e1cf929bcf4c721d2fa3)

Nice music btw <3

[Madza](https://hashnode.com/@Madza)

[May 21, 2022](https://hashnode.com/posts/how-i-built-a-music-player-to-showcase-my-own-tracks/6280cbd9bc9305ec39364987/comment/6288e1cf929bcf4c721d2fa3#reply-6288e771aad1d357809fdeda)

Thanks a lot, Manan 👍✨🎵

[Joshua Omobola](https://hashnode.com/@koha)

[May 15, 2022](https://hashnode.com/posts/how-i-built-a-music-player-to-showcase-my-own-tracks/6280cbd9bc9305ec39364987/comment/62811868bc9305ec393653e4)

I love the way this was written [Madza](https://hashnode.com/posts/how-i-built-a-music-player-to-showcase-my-own-tracks/@madza). Thanks for sharing

[Madza](https://hashnode.com/@Madza)

[May 15, 2022](https://hashnode.com/posts/how-i-built-a-music-player-to-showcase-my-own-tracks/6280cbd9bc9305ec39364987/comment/62811868bc9305ec393653e4#reply-62811addbc9305ec39365416)

My pleasure! Thanks for reading 😍👍✨

[Idris Olubisi](https://hashnode.com/@olanetsoft)

[May 15, 2022](https://hashnode.com/posts/how-i-built-a-music-player-to-showcase-my-own-tracks/6280cbd9bc9305ec39364987/comment/62810531bc9305ec3936519e)

This is awesome [Madza](https://hashnode.com/@Madza) thanks for sharing..

[Madza](https://hashnode.com/@Madza)

[May 15, 2022](https://hashnode.com/posts/how-i-built-a-music-player-to-showcase-my-own-tracks/6280cbd9bc9305ec39364987/comment/62810531bc9305ec3936519e#reply-628106ddbc9305ec393651c6)

Thank you so much, Olubisi! 👍✨💯

[Anmol Wadhwa](https://hashnode.com/@anmolwadhwa)

[May 15, 2022](https://hashnode.com/posts/how-i-built-a-music-player-to-showcase-my-own-tracks/6280cbd9bc9305ec39364987/comment/6280d37c0094f2f13f515ce7)

simply brilliant man!

[Madza](https://hashnode.com/@Madza)

[May 15, 2022](https://hashnode.com/posts/how-i-built-a-music-player-to-showcase-my-own-tracks/6280cbd9bc9305ec39364987/comment/6280d37c0094f2f13f515ce7#reply-6280d63d0094f2f13f515d63)

Means the world, thanks a lot! 💯✨