Ein Baum und seine Abenteuer



Introducing MusicHub

MusicHub is a website I have been working on lately.

I started it after joining DiscussionHub, a friendly general discussion forum. I wanted to make something for all members and so I came up with the concept for MusicHub. The idea is to have an easy to use and minimalistic music player on the web. A website you can visit and listen to some good music.

Staying true to this concept music starts playing once you visit the site. You can skip songs, play/pause, choose to jump to a specific song from the playlist and change the volume. You can also change the background image, but that is more of an on top feature.

I hope you enjoy the site.

 

I learned some things building it, most notably how to work with audio on a website. There will be a post about that, so stay tuned.

Author

Portrait picture of Hendrik

I am a JavaScript and GenAI Enthusiast; developer for the fun of it!
Here I write about webdev, technology, personal thoughts and anything I finds interesting.

More about me

Read next

Extending Brackets

For some time now Brackets has been my Editor of choice for web projects.

For those of you who don't know it. It is a HTML5 based editor. Using it you develop with the web, for the web. Alongside many great features like quick edit for styles and just generally being awesome to code HTML, CSS and JavaScript the thing that makes me really love it is it's live preview that can show you in real time how your changes to your code will look. With the new 0.42 Version Brackets now supports Designs, or Themes if you want to call them that. Due to that I revisited my Plugins and thought I would share what I am using.

Object-oriented JavaScript

Attention: This is kinda "old" and I personally now consider this to bad style so I won't make the effort to reformat this after moving from Wordpress to Hexo.

This Tutorial strives to enable you to build object oriented applications in JavaScript. Another goal of mine is to give you a deeper understanding of the language and principles at work. If you just want som code to copy-past and understand it while you got refer to section 7.

Holiday greetings with GenAI

Festive Greetings - ChatGPT and Midjourney
Festive Greetings - ChatGPT and Midjourney

Happy Holidays and festive greetings, powered by ChatGPT, Midjourney and a little bit of Photoshop.

Utilizing my Custom GPT for Midjourney prompts (open source on GitHub), I generated the image and some subtle variations in three rounds. Finally touching it up with a tagline in Photopea.